jQuery AJAX Sample

by on # javascript
$(document).ready(function(){
  $.ajax({
    //async: false, //啟用同步請求,預設 async:true 啟動非同步方,
    method: 'GET', //jQuery 1.9.0 之前的版本使用 type: 'GET' 
    dataType: "json",
    url: 'https://randomuser.me/api/?results=10' //隨機產生10組資料
  })
  .done(function(msg){ //不建議使用success
    console.log(msg.results[0]);//全部資料
    msg.results.map((ele)=>{
      $('#sample').append('<li>Name: ' + ele.name.first +' '+ ele.name.last + '<br>Email: ' + ele.email+'</li>');
    })
  })
  .fail(function(err){
    console.log(err);
  })
})

success 是jQuery中成功回調的傳統名稱,它被定義為ajax調用中的一個選項。 然而,由於 $.Deferreds 和更複雜的回調實現,done 是實現成功回調的首選方法,因為它可以在任何 deferred 上調用。

jQuery 1.8中將不推薦使用jqXHR.success(),jqXHR.error()和jqXHR.complete()回調。請改用jqXHR.done(),jqXHR.fail()和jqXHR.always()。

下面我在CodePen有做一個範例,可參考。

jQuery, AJAX
comments powered by Disqus