`

纯js发送ajax请求

阅读更多
每次都用jquery,这次要微信开发,用纯js的可能少加载点东西,再次做个记录,只是ajax的部分代码
<script>
   		var XMLHttpReq; 

   //异步请求
				var url = "checkNum?phoneNum="+hPhoneNum+"&checkNum="+checkNum;
				createXMLHttpRequest();
				XMLHttpReq.open("post", url, true);  
				XMLHttpReq.onreadystatechange =function(){
					var msg = XMLHttpReq.responseText;  
					if (msg == "ok") {
						checkNums.innerHTML="ok";
						checkNums.style.color = "green";
  						document.getElementById("checkNumForm").submit();
  					} else {
  						checkNums.innerHTML="验证码无效";
  						checkNums.style.color ="red";
  						return;
  					}
				};
				XMLHttpReq.send(null); 


// 创建xml请求
		function createXMLHttpRequest() {  
		    try {  
		        XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");//IE高版本创建XMLHTTP  
		    }  
		    catch(E) {  
		        try {  
		            XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");//IE低版本创建XMLHTTP  
		        }  
		        catch(E) {  
		            XMLHttpReq = new XMLHttpRequest();//兼容非IE浏览器,直接创建XMLHTTP对象  
		        }  
		    }   
		}
</script>
分享到:
评论

相关推荐

    Js拦截全局ajax请求

    在JavaScript开发中,有时我们需要对全局的Ajax请求进行拦截,以便进行统一的处理,比如添加统一的错误处理、数据格式化、性能监控等。这种需求通常可以通过“Ajax Hook”技术来实现。Ajax Hook允许我们捕获并修改...

    javascript发送ajax请求,获取返回值res,async 同步/异步

    javascript发送ajax请求,获取返回值res,async 同步/异步 var res = sendRequest({ url : "1.php", //necessary method : "post", params : { param1 : "123", param2 : "234" }, async : false });

    Ajax发送请求js代码

    function getInfo() //发送请求方法,包括请求方法和请求参数以及路径。 { new net.AjaxRequest("Ajaxtest.jsp",deal_getInfo,onerror,"GET"); } function deal_getInfo() //处理请求完成后的方法。 { ...

    POST方式发送ajax请求

    本篇将重点讲解如何使用POST方式发送AJAX请求,并对表单数据进行封装。 一、AJAX基本原理 AJAX基于JavaScript的XMLHttpRequest对象,该对象是浏览器内置的对象,用于在后台与服务器进行通信。通过创建...

    解决js ajax同步请求造成浏览器假死的问题

    这样做允许浏览器在执行AJAX请求之前先执行页面上其他未被阻塞的JavaScript代码和渲染操作。通过这种方式,页面的UI线程不会被长时间阻塞,用户界面依然能够响应用户的操作。 总结一下,解决js ajax同步请求造成...

    Javascript发送AJAX请求实例代码

    最后,这个`ajax`函数提供了一个简洁的方式去发送AJAX请求,可以方便地与其他JavaScript代码集成。然而,现在的前端开发中,更多的开发者倾向于使用jQuery、axios、fetch这样的库或API,它们提供了更强大、更易用的...

    解决Ajax 发送多个请求引发的并发问题

    使用jQuery、axios或fetch等库发送Ajax请求,可以通过设置超时、错误处理、缓存策略等进一步优化并发请求的处理。 四、示例代码 这里提供一个使用jQuery的Ajax请求队列示例: ```javascript var requestQueue = ...

    原生javascript实现ajax 发送post请求

    原生javascript实现ajax发送pos请求,这样可以脱离jquery框架,

    浏览器调试ajax请求

    本示例旨在帮助开发者调试针对Ajax请求的后台接口,确保它们能够正确处理跨域请求、支持Ajax方式并且能返回预期的数据。 首先,我们需要理解什么是跨域问题。由于浏览器的安全策略,同一源策略限制了JavaScript只能...

    chrome扩展插件获取ajax请求记录

    其中,获取Ajax请求记录是开发者调试过程中非常关键的一环,因为它可以帮助开发者检查数据的发送和接收情况,排查网络问题,以及理解应用程序的工作流程。 Chrome扩展插件就是一种增强浏览器功能的方式,它们可以...

    第2节 ajax请求第三方接口天气预报案例.rar

    在JavaScript中,XMLHttpRequest对象是发送AJAX请求的工具。创建XMLHttpRequest实例,然后使用open()方法设置请求类型(GET或POST)、URL和是否异步。接着调用send()方法发送请求,最后监听onreadystatechange事件...

    解决ajax请求后台,有时收不到返回值的问题

    jquery中ajax方法有个属性async用于控制同步和异步,默认是true,即ajax请求默认是异步请求,有时项目中会用到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现

    extjs ajax同步请求所需js

    标题中提到的"extjs ajax同步请求所需js"是指ExtJS框架中用于执行同步Ajax请求的相关JavaScript代码。在ExtJS中,Ajax请求通常通过`Ext.Ajax`对象来实现。与传统的异步请求不同,同步请求会阻塞浏览器,直到请求完成...

    ajax 纯JavaScript demo ajax示例

    在压缩包文件"ajaxBasicJavaScript"中,可能包含了一些基础的Ajax示例代码,这些代码可能涵盖了上述步骤的实现,用于展示如何使用JavaScript进行Ajax请求。通过学习和分析这些示例,你可以更好地理解Ajax的工作原理...

    纯JavaScript实现Ajax

    在Java中,你可以使用Spring MVC、Servlet或其他Web框架来创建RESTful API,接收前端的Ajax请求并返回数据。 例如,Java后端可能会有这样一个方法: ```java @GetMapping("/data") public ResponseEntity&lt;Object&gt; ...

    使用prototype.js发送ajax get请求中文参数乱码解决

    在`prototype.js`中发送Ajax GET请求时,你可以通过以下方式设置请求头来指定编码: ```javascript var request = new Ajax.Request(url, { method: 'get', parameters: {param1: '中文参数'}, requestHeaders: ...

    jsp+ajax发送GET请求的方法

    前端Ajax请求的发送是通过JavaScript代码实现的。首先,我们定义了一个`createXmlHttpRequest`函数,用于创建XMLHttpRequest对象,这一步骤兼容了不同的浏览器。随后定义了`checkUser`函数,当用户名称输入框失去...

    使用AJAX发送异步请求

    在实际应用中,比如用户输入邮编后自动填充城市和省份的功能,我们可以监听表单的事件,如`onchange`,并在事件处理函数中触发AJAX请求。请求的URL可能包含用户输入的邮编,通过URL查询参数传递。服务器接收到请求后...

    HTML使用极简的方式通过ajax请求实现前后端交互代码实现

    在现代Web开发中,前后端交互是不可或缺的一部分,而AJAX...这个过程的关键在于理解如何构建和发送AJAX请求,以及如何处理服务器返回的数据。在实际开发中,还需要考虑错误处理、跨域问题、安全因素等更多细节。

    H5交互、包含自适应、js发送Ajax请求、获取url参数

    一个简单的H5交互

Global site tag (gtag.js) - Google Analytics