AJAX的使用方法详解
前端  /  管理员 发布于 3年前   204
AJAX作为异步传输,局部刷新非常方便,用处很广! 首先,对于AJAX的使用有4步: 1.创建AJAX对象 2.建立连接 (‘提交方式',‘Url地址') 3.判断ajax准备状态及状态码 4.发送请求 以下以异步提交用户名(输入用户名之后,异步提交后台判断,前台立马提示是否已注册,不用提交时再判断!) GET方式提交 xx.html 用户名: xx.php 1、 IE不支持中文 2、 =、&与请求的字符串的关键字相混淆。 POST提交 xx.html 用户名: xx.php 1、通过send()发送数据 2、必须设置setRequestHeader()将传递的参数转成XML格式 3、post提交可以直接提交中文,不需要转码 4、post请求中的字符也会和URL中的&、=字符相混淆,所以建议也要使用encodeURIComponent()编码 5、在POST提交的同时,可以进行GET提交 解决 IE不支持中文 =、&与请求的字符串的关键字相混淆 问题 在js中通过encodeURIComponent()进行编码即可。 1、req.responseText:获取返回的字符串 2、req.responseXML:按DOM结构获取返回的数据 注意post/get两种提交方式的区别! 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!var xmlHttp = new XMLHttpRequest();
xmlHttp.open('get','./AJAX_XML.xml');
xmlHttp.onreadystatechange = function(){ if (xmlHttp.readyState==4 && xmlHttp.status==200) { }}
xmlHttp.send(null); //get方式参数为null,post方式,参数为提交的参数
window.onload=function(){ document.getElementById('username').onblur=function(){ var name=document.getElementById('username').value; name=encodeURIComponent(name); //编码 var req=new XMLHttpRequest(); req.open('get','4-demo.php?name='+name); req.onreadystatechange=function(){ if(req.readyState==4 && req.status==200){ alert(req.responseText); } } req.send(null); //如果send()方法中没有数据,要写null }}
您可能感兴趣的文章:
博主 在
2023年国务院办公厅春节放假通知:1月21日起休7天中评论 @ xiaoB 你只管努力,剩下的叫给天意;天若有情天亦老,..xiaoB 在
2023年国务院办公厅春节放假通知:1月21日起休7天中评论 会不会春节放假后又阳一次?..BUG4 在
你翻墙过吗?国内使用vpn翻墙可能会被网警抓,你需了解的事中评论 不是吧?..博主 在
go语言+beego框架中获取get,post请求的所有参数中评论 @ t1 直接在router.go文件中配就ok..Jade 在
如何在MySQL查询中获得当月记录中评论 Dear zongscan.com team, We can skyroc..
Copyright·© 2019 侯体宗版权所有·
粤ICP备20027696号