不知道哪儿错了

来源:1-9 使用ajaxStart()和ajaxStop()方法

慕先生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>


写回答 关注

1回答

  • Brand_l
    2019-05-23 09:26:44
    已采纳

    跨域得问题 你所设置得URL 与你本地得服务器 由于同源政策 有跨域问题

jQuery基础(五)一Ajax应用与常用插件

如何用jquery实现ajax应用,加入学习,有效提高前端开发速度

69100 学习 · 416 问题

查看课程

相似问题