ajax get post区别-ajax get方法:示例代码

qianduancss

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

ajax get post区别-ajax get方法:示例代码

Ajax是一种在网页上进行异步通信的技术,可以通过发送HTTP请求与服务器进行数据交互。在Ajax中,GET和POST是两种常用的HTTP请求方法。

GET方法用于从服务器获取数据,它将请求的参数附加在URL的末尾,并以键值对的形式传递给服务器。GET方法通常用于获取数据,不会对服务器上的数据进行修改。

示例代码:

var xhr = new XMLHttpRequest();

xhr.open("GET", "https://example.com/data?param1=value1¶m2=value2", true);

xhr.onreadystatechange = function() {

if (xhr.readyState === 4 && xhr.status === 200) {

var response = xhr.responseText;

console.log(response);

}

};

xhr.send();

POST方法用于向服务器提交数据,它将请求的参数放在请求体中,并以键值对的形式传递给服务器。POST方法通常用于修改服务器上的数据。

示例代码:

var xhr = new XMLHttpRequest();

xhr.open("POST", "https://example.com/data", true);

xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

xhr.onreadystatechange = function() {

if (xhr.readyState === 4 && xhr.status === 200) {

var response = xhr.responseText;

console.log(response);

}

};

xhr.send("param1=value1¶m2=value2");

GET方法用于获取数据,将参数附加在URL上;POST方法用于提交数据,将参数放在请求体中。

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

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