您的位置:首页技术文章

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

【字号: 日期:2023-05-25 13:42:15浏览:3作者:馨心

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=kyo&age=18 字符串的格式

 ajax.send('name=kyo&age=18');

 // 注册事件

 ajax.onreadystatechange = function () {

 if (ajax.readyState==4 && ajax.status==200) { //这步为判断服务器是否正确响应

  console.log(ajax.responseText);

 }

}

标签: JavaScript PHP Ajax JQ