更新時(shí)間:2022-11-09 來源:黑馬程序員 瀏覽量:
在項(xiàng)目開發(fā)中,若一個(gè)頁面需要發(fā)送多個(gè)Ajax請(qǐng)求,則需要重復(fù)書寫許多配置參數(shù)。jQuery提供了$.ajaxSetup()和$.ajaxPrefilter()方法來對(duì)所有的Ajax請(qǐng)求的相關(guān)參數(shù)進(jìn)行統(tǒng)一設(shè)置,減少冗余代碼。下面筆者先來介紹$.ajaxSetup()方法。
$.ajaxSetup()方法用于為Ajax請(qǐng)求設(shè)置默認(rèn)參數(shù)值,該方法設(shè)置的參數(shù)值適用于所有的Ajax請(qǐng)求。其語法格式如下。
$.ajaxSetup(options)
在上述語法中,options參數(shù)的使用方法與$.ajax()完全相同。
為了使讀者更好地理解,接下來通過一個(gè)案例演示$.ajaxSetup()的使用,具體代碼如demo6-11.html所示。
demo6-11.html
<button id="btn1">提交數(shù)據(jù)1</button> <button id="btn2">提交數(shù)據(jù)2</button> <script> $.ajaxSetup({ type: 'post', url: 'register.php', data: {username: 'btn1', password: 1} }); $('#btn1').click(function() { $.ajax(); }); $('#btn2').click(function() { $.ajax({data: {username: 'btn2', password: 2}}); }); </script>
上述代碼中,第4~8行代碼使用$.ajaxSetup()設(shè)置了Ajax請(qǐng)求的默認(rèn)參數(shù)值;第9-14行分別為id是btn1和btn2的兩個(gè)按鈕綁定單擊事件。