js中ajax请求的两种方式介绍
get方式:
var ajaxobj=new xmlhttprequest();
ajaxobj.open("get","../php/ajaxsubmitdata.php?data=tody is wind");
ajaxobj.send()
ajaxobj.onreadystatechange= function () {
if(ajaxobj.readystate===4&&ajaxobj.status){
alert("发送成功");
}
}
post方式:
var ajaxobj=new xmlhttprequest();
ajaxobj.open("post","../php/ajaxsubmitdata.php");
ajaxobj.setrequestheader("content-type","application/x-www-form-urlencoded");
// multipart/form-data 默认的以二进制方式传送
ajaxobj.send("data=我是post数据");
ajaxobj.onreadystatechange= function ()
if(ajaxobj.readystate===4&&ajaxobj.status===200){
alert("发送数据成功");
}
}
ajax获取从服务器返回的数据是 ajaxobj.responsetext获取
ajax 给服务器发送数据: get post
get: url重写(拼接) ---- 数据量小 简单数据 不安全
post:send(数据) 请求体(页面看不到) 数据量大 简单或复杂数据 安全
application/x-www-form-urlencoded表示表单默认以字符串的形式发送
multipart/form-data 表单数据以二进制流的方式发送
ajaxobj.setrequestheader其实就是修改请求头(请求报文)里面的额content-type值
上一篇: 代码性能优化之创建对象
下一篇: 原生js三种选项卡点击效果代码实现