day35-Postman/ajax

**Day35: Postman/AJAX**

在前面的日子里，我们已经学习了如何使用HTTP请求发送数据到服务器，并且了解了AJAX的基本概念。今天，我们将深入探讨Postman和AJAX之间的关系，以及如何使用它们来构建一个完整的Web应用。

**什么是Postman?**

Postman是一款非常流行的API测试工具，允许我们轻松地发送HTTP请求并检查服务器的响应。它支持GET、POST、PUT、DELETE等多种HTTP方法，并且可以设置各种参数，如头部、体部、查询字符串等。

**什么是AJAX?**

AJAX（Asynchronous JavaScript and XML）是一种用于构建动态Web应用的技术，允许我们在不重新加载整个页面的情况下更新部分内容。它通过使用XMLHttpRequest对象来发送HTTP请求，并且可以处理服务器的响应。

**Postman和AJAX之间的关系**

虽然Postman和AJAX是两个独立的概念，但它们却密切相关。在构建一个Web应用时，我们通常需要使用AJAX来发送HTTP请求并更新页面内容，而Postman则可以帮助我们测试这些请求，确保它们正确地被处理。

**示例：使用Postman发送GET请求**

首先，让我们创建一个简单的API接口，返回一个JSON对象。例如：

bashGET /users HTTP/1.1Host: example.com

javascript// 使用XMLHttpRequest发送GET请求var xhr = new XMLHttpRequest();
xhr.open('GET', ' true);
xhr.onload = function() {
 if (xhr.status ===200) {
 console.log(xhr.responseText); // 输出服务器的响应 }
};
xhr.send();

bashPOST /users HTTP/1.1Host: example.com{
 "name": "John Doe",
 "age":30}

javascript// 使用XMLHttpRequest发送POST请求var xhr = new XMLHttpRequest();
xhr.open('POST', ' true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onload = function() {
 if (xhr.status ===201) {
 console.log(xhr.responseText); // 输出服务器的响应 }
};
xhr.send(JSON.stringify({
 name: 'John Doe',
 age:30}));