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

Web前端培訓(xùn):$.ajaxSetup()配置全局方法

更新時(shí)間:2022-11-09 來(lái)源:黑馬程序員 瀏覽量:

IT培訓(xùn)班

  在項(xiàng)目開(kāi)發(fā)中,若一個(gè)頁(yè)面需要發(fā)送多個(gè)Ajax請(qǐng)求,則需要重復(fù)書寫許多配置參數(shù)。jQuery提供了$.ajaxSetup()和$.ajaxPrefilter()方法來(lái)對(duì)所有的Ajax請(qǐng)求的相關(guān)參數(shù)進(jìn)行統(tǒng)一設(shè)置,減少冗余代碼。下面筆者先來(lái)介紹$.ajaxSetup()方法。

  $.ajaxSetup()方法用于為Ajax請(qǐng)求設(shè)置默認(rèn)參數(shù)值,該方法設(shè)置的參數(shù)值適用于所有的Ajax請(qǐng)求。其語(yǔ)法格式如下。

$.ajaxSetup(options)

  在上述語(yǔ)法中,options參數(shù)的使用方法與$.ajax()完全相同。

  為了使讀者更好地理解,接下來(lái)通過(guò)一個(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è)按鈕綁定單擊事件。

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