您的位置:首页技术文章
文章详情页

常用的Ajax异步提交数据表单的方法

【字号: 日期:2022-06-09 13:15:00浏览:71作者:猪猪

以下是Ajax异步提交数据的方法,使用post发送数据必须设置好内容,修改发送给服务器的请求报文的内容,并判断服务器是否正确响应

var ajax = new XMLHttpRequest(); //创建异步对象
 ajax.open("post","ajax_post.php"); // 使用post请求
 // 如果 使用post发送数据,post请求一定要添加请求头才行不然会报错
 // 如果需要像 HTML 表单那样 POST 数据,请使用 setRequestHeader()来添加HTTP头。然后在 send() 方法中规定您希望发送的数据:
 ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
 // 发送post请求发送的数据,写在send方法中
 // 格式 name=jack&age=98 字符串的格式
 ajax.send("name=jack&age=98");
 // 注册事件
 ajax.onreadystatechange = function () {
 if (ajax.readyState==4 && ajax.status==200) { //这步为判断服务器是否正确响应
  console.log(ajax.responseText);
 }
}

标签: JavaScript PHP JQ Ajax