ajax 与服务器通信的简单jQuery示例

例子

取自jQuery.ajaxAPI网站:

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

由于使用了jQuery,这部分代码易于阅读和理解正在发生的事情。

  • $.ajax-此位调用jQuery的ajax功能。

  • method: "POST"-这里的这一行声明我们将使用POST方法与服务器进行通信。阅读请求类型!

  • url-这个变量声明,其中要求将是SENT到。您正在将请求发送某处。那是主意。

  • data-非常简单。这是您随请求发送的数据。

  • success-您在此处编写此函数来决定如何处理返回的数据msg!如示例所示,当前仅创建带有msg返回值的警报。

  • error-您在此处编写此函数的目的是显示错误消息,或提供在ajax请求遇到错误时可以执行的操作。

  • 的替代品.done是

    success: function(result) {
       // 做点什么
    });