jQuery
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){ //文档就绪函数,jQuery的入口
$("button").click(function(){
$.get("/example/jquery/demo_test.asp",function(data,status){
alert("数据:" + data + "\n状态:" + status);
});
});
});
</script>
</head>
<body>
<button>向页面发送 HTTP GET 请求,然后获得返回的结果</button>
</body>
</html>
ajax的接受之页面,一定要有echo,html页面的返回函数success才能正常运行。
如果接受值的页面没有echo任何东西,success就无法运行。
$.get(url,function(data,status){….}) :
在这个函数里面,通过get方法来获得页面的信息,这个信息指的是这个页面所显示出来的东西,一般为echo 出来的东西,当然也可以是其他任何显示在这个页面上的数据,只是用echo比较方便。
function函数,当这个ajax状态为成功时。里面的第一个参数就是从目标页面抓过来的数据(就是所展现出来的数据)。一般用这个数据进行相应的操作。
千万注意要写对jquery的地址
<script> src="//cdn.bootcss.com/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo __PUBLIC__?>/Js /jquery-3.2.1.min.js" ></script>