使用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
learningever 2020-09-19
chongxiaocheng 2020-08-16
ajaxhe 2020-08-16
lyqdanang 2020-08-16
curiousL 2020-08-03
时光如瑾雨微凉 2020-07-19
jiaguoquan00 2020-07-07
李永毅 2020-07-05