JQuery實(shí)現(xiàn)ajax請(qǐng)求的示例和注意事項(xiàng)

發(fā)布時(shí)間：2020-09-08 11:21:06 來(lái)源：腳本之家閱讀：106 作者：執(zhí)筆記憶的空白欄目：web開(kāi)發(fā)

最近很多人問(wèn)我ajax該怎么用，怎么訪問(wèn)后臺(tái)，怎么取得數(shù)據(jù)頁(yè)面顯示

寫(xiě)一個(gè)簡(jiǎn)單的ajax訪問(wèn)：

$.ajax({
  url: ctx +"/meeting/getMeetingRoomMap",  //請(qǐng)求后臺(tái)地址
  type:"get",   //請(qǐng)求方式
  cache:false, //控制是否緩存數(shù)據(jù)（post請(qǐng)求默認(rèn)false，而get請(qǐng)求會(huì)為true,容易造成頁(yè)面數(shù)據(jù)緩存問(wèn)題）
  async:false, //控制同步還是異步
  data:{scheduleDate:scheduleDate},  //傳入?yún)?shù)
  success:function(data){
   if(data!=null && data!=""){
   $(".showMessage").html(data); //從后臺(tái)獲取數(shù)據(jù)的回調(diào)函數(shù)
   }
  }
  });

使用ajax需要注意的兩點(diǎn)：

1、cache屬性，默認(rèn)為true, 就是頁(yè)面是否需要緩存的問(wèn)題，很多人說(shuō)明明修改了值，為什么值沒(méi)變，就是因?yàn)檫@個(gè)屬性在作怪，請(qǐng)求的時(shí)候，可以設(shè)置為false

2、async屬性，默認(rèn)為true，這個(gè)屬性是決定你本次ajax請(qǐng)求是同步還是異步。同步的話：js也會(huì)像后臺(tái)代碼一樣，一行一行執(zhí)行下去，

如果沒(méi)設(shè)置這個(gè)屬性為false，那就有可能出現(xiàn)你的ajax還沒(méi)執(zhí)行完，就去執(zhí)行你的下一句js了

其實(shí)ajax挺簡(jiǎn)單的，請(qǐng)求后臺(tái)，獲取數(shù)據(jù)回調(diào)，然后頁(yè)面展示，需要注意的就上面兩點(diǎn)，祝你們使用愉快

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)億速云的支持。如果你想了解更多相關(guān)內(nèi)容請(qǐng)查看下面相關(guān)鏈接

向AI問(wèn)一下細(xì)節(jié)

JQuery實(shí)現(xiàn)ajax請(qǐng)求的示例和注意事項(xiàng)

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽