ajax里的send()—示例代码

houduangongchengshi

温馨提示:这篇文章已超过287天没有更新,请注意相关的内容是否还可用!

ajax里的send()—示例代码

AJAX(Asynchronous JavaScript and XML)是一种用于在网页上进行异步数据交互的技术。其中,send() 方法是用于发送 AJAX 请求的方法。它可以将请求发送到服务器,并接收服务器返回的数据。

在使用 send() 方法之前,我们需要先创建一个 XMLHttpRequest 对象,用于与服务器进行通信。然后,我们可以使用 send() 方法来发送请求。send() 方法接受一个可选的参数,用于指定要发送的数据。

下面是一个示例代码,演示了如何使用 send() 方法发送一个 GET 请求:

var xhr = new XMLHttpRequest(); // 创建 XMLHttpRequest 对象

xhr.open("GET", "http://example.com/data", true); // 打开一个 GET 请求

xhr.send(); // 发送请求

在上面的示例中,首先创建了一个名为 xhr 的 XMLHttpRequest 对象。然后,使用 open() 方法打开一个 GET 请求,指定了请求的 URL("http://example.com/data")和请求的方式(GET)。使用 send() 方法发送请求。

需要注意的是,send() 方法不带任何参数,因为这是一个 GET 请求。如果需要发送数据,可以在 send() 方法中传递一个字符串参数,用于指定要发送的数据。

下面是一个示例代码,演示了如何使用 send() 方法发送一个 POST 请求,并发送一些数据:

var xhr = new XMLHttpRequest(); // 创建 XMLHttpRequest 对象

xhr.open("POST", "http://example.com/submit", true); // 打开一个 POST 请求

xhr.setRequestHeader("Content-Type", "application/json"); // 设置请求头

var data = { name: "John", age: 30 }; // 要发送的数据

xhr.send(JSON.stringify(data)); // 发送请求并发送数据

在上面的示例中,首先创建了一个名为 xhr 的 XMLHttpRequest 对象。然后,使用 open() 方法打开一个 POST 请求,指定了请求的 URL("http://example.com/submit")和请求的方式(POST)。接下来,使用 setRequestHeader() 方法设置请求头,指定了请求的数据格式为 JSON。创建了一个名为 data 的对象,用于存储要发送的数据。使用 send() 方法发送请求,并将数据转换为 JSON 字符串后发送。

文章版权声明:除非注明,否则均为莫宇前端原创文章,转载或复制请以超链接形式并注明出处。

取消
微信二维码
微信二维码
支付宝二维码