使用AJax访问后端数据
方法一:
<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) { data=xmlhttp.responseText; alert(data) console.log(data) } } xmlhttp.open("GET","http://192.168.139.215:8000/index/",true); xmlhttp.send(); } </script> </head> <body> <h2>AJAX</h2> <button type="button" onclick="loadXMLDoc()">request</button> <div id="myDiv"></div> </body> </html>
方法二:
<head> <script src="/my/jquery-2.1.1.min.js"></script> //(有此文件才 可以使用Ajax) <script type="text/javascript"> alert("aaa") function sub() { $.ajax({ type: 'get', //dataType: 'json', url:'http://192.168.139.215:8000/index/', success: function(msg) { alert("success") }, error: function() { alert("failed")} }) } </script> <body> <input type="button" id="wo" name="zou" value="huiying" onclick="sub()"/> </body> </html>
相关推荐
坚持着执着 2020-07-16
坚持着执着 2020-06-14
kentrl 2020-11-10
结束数据方法的参数,该如何定义?-- 集合为自定义实体类中的结合属性,有几个实体类,改变下标就行了。<input id="add" type="button" value="新增visitor&quo
ajaxyan 2020-11-09
zndy0 2020-11-03
学留痕 2020-09-20
Richardxx 2020-11-09
learningever 2020-09-19
chongxiaocheng 2020-08-16
ajaxhe 2020-08-16
lyqdanang 2020-08-16
curiousL 2020-08-03
TONIYH 2020-07-22
时光如瑾雨微凉 2020-07-19
83510998 2020-07-18
jiaguoquan00 2020-07-07
李永毅 2020-07-05