XMLHttpRequest Ajax传参,回传过程中不允许再次点击
发布时间:2020-12-16 01:57:06 所属栏目:百科 来源:网络整理
导读:先记录一下关于状态码的问题吧,因为这里面涉及到两个属性readyState和status; readyState是XMLHttpRequest对象的一个属性,用来标识当前XMLHttpRequest对象处于什么状态。 status是XMLHttpRequest对象的一个属性,表示响应的HTTP状态码。 当 readyState==4
先记录一下关于状态码的问题吧,因为这里面涉及到两个属性readyState和status; readyState是XMLHttpRequest对象的一个属性,用来标识当前XMLHttpRequest对象处于什么状态。 status是XMLHttpRequest对象的一个属性,表示响应的HTTP状态码。 当readyState==4 完成响应状态:此时,已经完成了HTTP响应的接收,当status==200 请求成功。例如200状态码,表示请求所希望的响应头或数据体将随此响应返回。 所以当readyState==4&&status==200的时候再处理返回值,其他的情况都做一个弹窗,提示“您的请求正在提交中”,页面的弹层也是覆盖后面的页面,所以提交按钮自然就不能随便点了,当有返回值的时候直接更改弹窗的提示信息就可以了
var getXmlHttpRequest = function () { if (window.XMLHttpRequest) { //主流浏览器提供了XMLHttpRequest对象 return new XMLHttpRequest(); } else if (window.ActiveXObject) { //低版本的IE浏览器没有提供XMLHttpRequest对象 //所以必须使用IE浏览器的特定实现ActiveXObject return new ActiveXObject("Microsoft.XMLHTTP"); } }; var xhr = getXmlHttpRequest(); xhr.onreadystatechange = function () { if (xhr.readyState === 4 && xhr.status === 200) { //获取成功后执行操作 //数据在xhr.responseText }else{ //弹出提示正在提交的提示弹层 } }; xhr.open("TYPE","URL",true); //设置头信息,不然send传输的参数容易失败,后台接收不到参数 xhr.setRequestHeader("Content-Type",'application/x-www-form-urlencoded'); xhr.send("tkmoney="+$('#tkmoney').val()); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |