與伺服器通訊的簡單 jQuery 示例

取自 jQuery.ajax API 網站:

$.ajax({
    method: "POST",
    url: "some.php",
    data: {
        name: "John",
        location: "Boston"
    },
    success: function(msg) {
        alert("Data Saved: " + msg);
    },
    error: function(e) {
        alert("Error: " + e);
    }
});

由於 jQuery,這段程式碼很容易閱讀並理解正在發生的事情。

  • $.ajax - 這個位呼叫 jQuery 的 ajax 功能。

  • method: "POST" - 此行宣告我們將使用 POST 方法與伺服器通訊。閱讀請求型別!

  • url -這個變數宣告該請求將被 SENT 到。你傳送請求 TO 地方。這就是主意。

  • data - 相當直接。這是你隨請求傳送的資料。

  • success - 這個函式在這裡你寫的決定如何處理你得到的資料 msg! 如示例所示,它目前只是建立一個返回 msg 的警報。

  • error - 此函式用於顯示錯誤訊息,或者在 ajax 請求發生錯誤時提供操作。

  • 替代 .done

    success: function(result) {
        // do something
    });