脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-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脚本,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的javascript代码实例教程-js中ajax请求的两种方式介绍全部内容,希望文章能够帮你解决javascript代码实例教程-js中ajax请求的两种方式介绍所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。