更新時(shí)間:2024-03-08 來(lái)源:黑馬程序員 瀏覽量:
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的元素中。