ajaxpost请求
时间: 2023-10-16 12:10:28 浏览: 126
要使用Ajax进行POST请求,可以使用原生的XMLHttpRequest对象或者使用jQuery封装的方法。以下是两种方法的示例代码:
原生方法:
1. 创建一个XMLHttpRequest对象:var xhr = new XMLHttpRequest();
2. 调用open函数,指定请求方式和URL地址:xhr.open('POST', 'http://XXX');
3. 设置请求头的Content-Type属性:xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
4. 调用send函数,将数据以查询字符串的形式提交给服务器:xhr.send('param1=value1¶m2=value2');
5. 监听onreadystatechange事件,当readyState值为4且status为200时,表示请求成功:xhr.onreadystatechange = function() { if(xhr.readyState === 4 && xhr.status === 200) { console.log(xhr.responseText); } }
使用jQuery封装的方法:
1. 使用$.post函数发送POST请求,指定URL地址和数据:$.post('http://XXX', {param1: value1, param2: value2}, function(response) { console.log(response); });
2. 在回调函数中处理服务器返回的响应数据。
以上是使用Ajax进行POST请求的两种方法。如果需要在请求后跳转页面,可以在请求成功后使用JavaScript代码进行页面跳转。
阅读全文