1. 程式人生 > 實用技巧 >ajax的其他用法

ajax的其他用法

監聽ajax開始和結束

//呼叫ajaxStart與ajaxComplete,監聽ajax的開始和結束
$(document).ready(function () {
  //要在前面開始監聽
  $(document).ajaxStart(function () {
    console.log('開始呼叫ajax');
  });

  $(document).ajaxComplete(function () { //ajax Complete
    console.log('ajax請求完成');
  });

  $.ajax({
    type: 'GET',
    url: 'https://xxx', //這裡自行放置介面
    success: function (res) {
      console.log(res);
    }
  });

})

ajax載入js並呼叫傳遞引數

//main.html
<button id=btn>按鈕</button>	
<script>
$.getScript("test.js", function (script, textStatus, jqXHR) {
  $('#btn').click(function () {
    testFun('vicer') //呼叫test.js中的函式,並傳入值
  })
});
</script>


//test.js
function testFun(param) {
  console.log('我接受到引數'+param);
}

ajax載入HTML最新版本

$.ajax({
  url: "test.html",
  cache: false,
  success: function(html){
    $("#box").append(html);
  }
});