当前第2页 返回上一页
GET方式:
1 2 3 4 5 6 7 8 | 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方式:
1 2 3 4 5 6 7 8 9 10 | var ajaxObj= new XMLHttpRequest();
ajaxObj.open( "POST" , "../PHP/ajaxSubmitData.php" );
ajaxObj.setRequestHeader( "Content-type" , "application/x-www-form-urlencoded" );
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中怎么写ajax的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
js怎么将字符串转为数组?
javascript如何删除子节点属性
分享几个实用的单行 js 代码
js如何去除html标签
javascript如何替换中间内容
如何解决jquery ajax乱码问题
两分钟带你了解js的传值方式
js中的箭头函数和普通函数有什么区别
js json字符串如何转json对象
javascript如何自动关闭窗口
更多相关阅读请进入《js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » js中怎么写ajax