js调用ajax案例

Posted LongtengGensSupreme

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js调用ajax案例相关的知识,希望对你有一定的参考价值。

js调用ajax案例

测试地址:http://www.w3school.com.cn/tiy/t.asp?f=ajax_get

嵌入下面代码,点击提交,再点击请求数据。就可以看到结果了。

<html> <head> <script type="text/javascript"> function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest)   {// code for IE7+, Firefox, Chrome, Opera, Safari   xmlhttp=new XMLHttpRequest();   } else   {// code for IE6, IE5   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");   } xmlhttp.onreadystatechange=function()   {   if (xmlhttp.readyState==4 && xmlhttp.status==200)     {     document.getElementById("myDiv").innerHTML=xmlhttp.responseText;     }   } xmlhttp.open("GET","http://127.0.0.1:27100/Terminal?t=FaceValidateWithIdCard&serviceId=32101412123&timeout=60&s="+Math.random()*10,false); xmlhttp.send(); } </script> </head> <body>

<h2>AJAX</h2> <button type="button" onclick="loadXMLDoc()">请求数据</button> <div id="myDiv"></div>

</body> </html>

以上是关于js调用ajax案例的主要内容,如果未能解决你的问题,请参考以下文章

针对网页源代码中无数据的解决案例(Ajax动态加载JS))

vue part3.4 小案例 消息订阅pubsub与ajax

jQuery对ajax的封装部分详解和案例

ajax使用案例

一个js编写全选弹出对话框ajax-json的案例

Ajax 跨域和同源策略的解释和使用,使用jQuery跨域,模板引擎artTemplate的使用详细解释+案例