jQuery基础(五)一Ajax应用与常用插件_技术问答

慕勒5525576

data/check_f.php源码怎么是中文..？: 你看到的不是源码，是php运行结果; 2021-08-25 1回答·534浏览

慕盖茨3456306

代码执行样式不完全的问题

$(function () {

$('#btnShow').ajaxStart(function(){

$(this).html("正在请求数据...");

});

$('#btnShow').ajaxStop(function(){

$(this).html("数据请求完成！");

});

2020-10-26 1回答·526浏览

米咔咔

可以运行得

<html xmlns=" 
    <head>        
    <title>使用ajaxStart()和ajaxStop()方法</title>        
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script>        
    <link href="style.css" rel="stylesheet" type="text/css" />    
    </head>        
    <body>        
    <div id="divtest">            
    <div class="title">                
    <span class="fl">加载一段文字</span>                 
    <span class="fr">                    
    <input id="btnShow" type="button" value="加载" />                
    </span>            
    </div>            
    <ul>               
    <li id="divload">111</li>            
    </ul>        
    </div>                
    <script type="text/javascript">            
    $(function () {                               
    $(document).ajaxStart(function(){                    
    console.log($(this))                    
    $('#divload').html("正在请求数据...");                
    });                                
    $(document).ajaxStop(function(){                    
    console.log($(this))                    
    $('#divload').html("数据请求完成！");                
    });                                
    $("#btnShow").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>

2020-06-27 1回答·699浏览

慕先生6483341

为什么没有显示效果？

可以运行的，请确认你写对了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>使用getJSON()方法异步加载JSON格式数据</title>

</head>

<body>

<span class="fl">我最喜欢的一项运动</span>

</span>

</div>

</div>

$(function () {

$("#btnShow").bind("click", function () {

var $this = $(this);

$.getJSON('https://www.imooc.com/data/sport.json', function(data){

$this.attr("disabled", "true");

$.each(data, function (index, sport) {

if(index==3)

$("ul").append("<li>" + sport["name"] + "</li>");

});

})

});

</script>

</body>

</html>

2020-04-23 3回答·938浏览

Miller_Wang

请问1-1中得到 .html 文件之后，怎么把其中的所有 li 取出来？

答：这个.html文件的数据如下，虽然文件后缀是.html，但是文件内容直接就是要加载的元素。

<h3>测试部分</h3>    
<li>橘子</li>    
<li>香蕉</li>    
<li>葡萄</li>    
<li>苹果</li>    
<li>西瓜</li>

2020-04-01 1回答·681浏览

慕仙621984

怎么采用2.2.1版本实现上面的特效呢？现在用bootstrap，这个特效手机端遮挡了导航下拉特效: 都不用这样处理兼容了呢; 2020-03-19 0回答·751浏览

慕无忌0483822

后面那个path参数是拿来做什么的？？: 2020-02-25 2回答·904浏览

qq_慕哥5574208

为什么所有方法都没有返回结果，是因为年代久远后台代码已经删了吗: 2020-02-22 3回答·727浏览

慕虎4537833

jquery的load请求URL中一定要确保域名要与当前访问域名一致: :https://www.imooc.com/qadetail/337045; 2019-12-17 2回答·1102浏览

曹蕊

if ($.support.boxModel)为什么没有比较: 2019-11-26 2回答·669浏览

jfhdibrbfjd

Spinner问题: 2019-10-28 0回答·712浏览

weixin_慕先生7001367

1. 在设置data值时，key为传递数据时的名称，不能加载引号。: 2019-10-26 2回答·1010浏览

慕圣6508991

infinitesScroll怎么用的呀: 这个看看文档就会了; 2019-10-24 1回答·666浏览

Gan干

课程的设计问题太多了.: 用IE浏览器打开，不要用谷歌浏览器。; 2019-10-02 3回答·835浏览

Sukie_

贴个代码在这: 第一个问号是读取email，第二个是修改email，第三个是删除email; 2019-09-27 2回答·802浏览

Sukie_

小bug找的头大，记录一下: 你这个用一个比较好的编辑器开发呀，直接就报出来了; 2019-09-27 1回答·816浏览

Sukie_

有时候jq链接有问题

换cdn：https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js

2019-09-26 1回答·720浏览

溯白

json到底什么东西: 首先你要知道的是：json是在datatype里面设置的。datatype指的是从服务器里面返回数据的类型。所以设置datatype：json ，表达的是返回数据类型为json的数据。然后你看data.name。调用的方式就是根据json类型来使用的。; 2019-08-15 2回答·815浏览