首頁(yè)常見(jiàn)問(wèn)題正文

$.get()方法的作用是什么?

更新時(shí)間:2024-03-08 來(lái)源:黑馬程序員 瀏覽量:

IT培訓(xùn)班

  jQuery中的$.get()方法,用于按照GET方式與服務(wù)器通信,語(yǔ)法格式如下。

$.get(url, [data], [function(data, status, xhr)], [dataType])

  從上述語(yǔ)法可以看出,$.get()是jQuery的靜態(tài)方法,由“$”對(duì)象直接調(diào)用。$.get()方法的參數(shù)的含義如表6-3所示。

  表6-3 $.get()方法的參數(shù)的含義

  為了使讀者更好地理解$.get()方法的使用方式,下面筆者通過(guò)案例演示其常見(jiàn)的用法。

  案例一:使用$.get()方法請(qǐng)求數(shù)據(jù)

  使用$.get()方法請(qǐng)求6.2.1小節(jié)編寫的target.html文件,并將返回的數(shù)據(jù)顯示到頁(yè)面指定位置。HTML代碼片段如demo6-4.html所示。

  demo6-4.html

<button id="btn">加載數(shù)據(jù)</button>
<div id="box"></div>
<script>
    $('#btn').click(function() {
        $.get('target.html', function(data) {
            $('#box').html(data);
        }, 'html');
    });
</script>

  上述第5行代碼,$.get()的第2個(gè)參數(shù)表示請(qǐng)求成功后執(zhí)行的回調(diào)函數(shù)。其中,回調(diào)函數(shù)的參數(shù)data表示服務(wù)器返回的數(shù)據(jù)。第6行代碼用于將返回的數(shù)據(jù)替換到id值為box的元素中。

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!