在一個例子中

Ajax 獲取:

解決方案 1:

$.get('url.html', function(data){
    $('#update-box').html(data);
});

解決方案 2:

 $.ajax({
     type: 'GET',
     url: 'url.php',  
 }).done(function(data){
     $('#update-box').html(data);
 }).fail(function(jqXHR, textStatus){
     alert('Error occured: ' + textStatus);
 });

Ajax Load: 為簡單性而建立的另一個 ajax get 方法

$('#update-box').load('url.html');

也可以使用其他資料呼叫 .load。資料部分可以作為字串或物件提供。

$('#update-box').load('url.php', {data: "something"});
$('#update-box').load('url.php', "data=something");

如果使用回撥方法呼叫 .load,則對伺服器的請求將是一個帖子

$('#update-box').load('url.php', {data: "something"}, function(resolve){
    //do something
});

Ajax Post:

解決方案 1:

$.post('url.php', 
    {date1Name: data1Value, date2Name: data2Value},  //data to be posted
    function(data){
        $('#update-box').html(data);
    }
);

解決方案 2:

$.ajax({
    type: 'Post',
    url: 'url.php',  
    data: {date1Name: data1Value, date2Name: data2Value}  //data to be posted
}).done(function(data){
    $('#update-box').html(data);
}).fail(function(jqXHR, textStatus){
    alert('Error occured: ' + textStatus);
});

Ajax Post JSON:

var postData = {
    Name: name,
    Address: address,
    Phone: phone
};

$.ajax({
     type: "POST",
     url: "url.php",
     dataType: "json",
     data: JSON.stringfy(postData),
     success: function (data) {
         //here variable data is in JSON format
     }
 });

Ajax 獲取 JSON:

解決方案 1:

$.getJSON('url.php', function(data){
    //here variable data is in JSON format
});

解決方案 2:

 $.ajax({
      type: "Get",
      url: "url.php",
      dataType: "json",
      data: JSON.stringfy(postData),
      success: function (data) {
          //here variable data is in JSON format
      },    
      error: function(jqXHR, textStatus){
          alert('Error occured: ' + textStatus);
      }
  });