2011年8月2日 星期二

jQuery cross domain ajax

jQuery 1.2 開始加入 JSONP 的支援,當你的 dataType 設成 jsonp 的時候,jQuery 的 ajax 函式會將 dataType 改為 script 並且多送一個 callback 參數到 server,然後 server 可以利用 callback 參數的值來輸出適當的 script 送回給 browser 來執行
function showMsg(e) {
  $(e.target).attr('disabled', true);
  $.ajax({
    url: 'msg.php',
    dataType: 'jsonp',
    jsonp: 'processData',
    data: {gender: $('#gender').val(), name: $('#name').val(), callback: 'processData'},
    error: function(xhr) {
      alert('Ajax request 發生錯誤');
      $(e.target).attr('disabled', false);
    }
}

沒有留言:

張貼留言