慕先生9164688
2019-03-26 14:39
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery的ajax篇ajaxStart()和ajaxStop()</title>
<script src="https://libs.baidu.com/jquery/1.8.2/jquery.js"></script>
<link rel="stylesheet" href="styless.css" type="text/css" />
</head>
<body>
<div id="divtest">
<div class="title">
<span class="f1">加载一段文字</span>
<span class="fr">
<input id="qq" type="button" value="加载" />
</span>
</div>
<ul>
<li id="divload"></li>
</ul>
</div>
<script type="text/javascript">
$(function(){
$("#divload").ajaxStart(function(){
$("ul").append("<li>正在请求数据……</li>");
});
$("#divload").ajaxStop(function(){
$("ul").append("<li>数据请求完成!</li>");
});
$("#qq").bind("click",function(){
var $this=$(this);
$.ajax({
url:"https://www.imooc.com/data/info_f.php",
dataType:"json",
success: function(data){
$this.attr("disabled","true");
$("ul").append("<li>我的名字叫:"+data.name+"</li>");
$("ul").append("<li>男朋友对我说:"+data.say+"</li>");
}
});
})
});
</script>
</body>
</html>
跨域得问题 你所设置得URL 与你本地得服务器 由于同源政策 有跨域问题
jQuery基础(五)一Ajax应用与常用插件
69100 学习 · 416 问题
相似问题