ajax传输类型-ajax传递参数类型:示例代码

vuekuangjia

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

ajax传输类型-ajax传递参数类型:示例代码

Ajax传输类型指的是在使用Ajax技术进行数据传输时,所使用的传输方式。Ajax传递参数类型有多种,常见的有GET和POST两种。

GET方式是将参数附加在URL的末尾,以键值对的形式进行传递。这种方式适用于传递少量的参数,且参数值不需要保密的情况。示例代码如下:

var xhr = new XMLHttpRequest();

xhr.open('GET', 'example.php?name=John&age=25', true);

xhr.onreadystatechange = function() {

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

console.log(xhr.responseText);

}

};

xhr.send();

在上面的示例中,使用GET方式传递了两个参数,分别是name和age,它们的值分别是John和25。这些参数会被附加在URL的末尾,形成类似于`example.php?name=John&age=25`的形式。

POST方式是将参数放在请求的主体中进行传递,相对于GET方式,POST方式更适合传递大量的参数,且参数值需要保密的情况。示例代码如下:

var xhr = new XMLHttpRequest();

xhr.open('POST', 'example.php', true);

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

xhr.onreadystatechange = function() {

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

console.log(xhr.responseText);

}

};

xhr.send('name=John&age=25');

在上面的示例中,使用POST方式传递了两个参数,同样是name和age,它们的值分别是John和25。这些参数被放在了send方法的参数中,形成类似于`name=John&age=25`的形式。

GET方式适用于传递少量的参数,而POST方式适用于传递大量的参数和需要保密的情况。

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

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