jQuery - AJAX get()和post()方法

jQuery $ .get()和$ .post()方法用于通过HTTP GET和POST请求从服务器请求数据。

HTTP请求:GET与POST

GET方法中,浏览器会将名称/值对添加到URL的末尾。

GET通常用于不关心安全性的地方。

  • GET请求可以被缓存

  • GET请求保留在浏览器历史记录中

  • GET请求可以加书签

  • 处理敏感数据时,绝不应使用GET请求

  • GET请求具有长度限制(仅2048个字符)

POST方法中,内容不会显示在URL中。

如果表单数据包含敏感信息或个人信息,则应始终使用POST。

  • POST请求永远不会被缓存

  • POST请求不会保留在浏览器历史记录中

  • POST请求无法添加书签

  • 处理敏感数据时应使用POST请求

  • POST请求对数据长度没有限制

要了解有关GET和POST以及这两种方法之间的区别的更多信息,请访问我们的HTTP Request 方法页面。

jQuery $ .get()方法

jQuery 方法使用HTTP GET请求从服务器加载数据。

这是method 的语法:

$.get(URL, data, callback)

参数:

  • URL-指定您要请求的URL

  • data -(可选)指定与请求一起发送到服务器的纯对象或字符串

  • callback-(可选)指定在请求成功时执行的回调函数

此示例请求ajax_get.php页面,发送一些其他数据,并发出警报状态消息:

$("button").click(function(){
  $.get("ajax_get.php", {fname:"Seagull", lname:"Anna"}, function(data, status){
    $("#output").html(data);
    alert(status);
  });
});
测试看看

这是PHP文件的源码(“ ajax_get.php”):

<?php
    echo "<p>Hello ".$_GET['fname']." ".$_GET['lname'].", How are u doing?</p>";
?>

jQuery $ .post()方法

jQuery 方法使用HTTP POST请求从服务器加载数据。

这是method 的语法:

$.post(URL, data, callback)

参数:

  • URL-指定您要请求的URL

  • data -(可选)指定与请求一起发送到服务器的纯对象或字符串

  • callback-(可选)指定在请求成功时执行的回调函数

此示例请求ajax_post.php页面,发送一些其他数据,并发出警报状态消息:

$("button").click(function(){
  $.post("ajax_post.php", {fname:"Seagull", lname:"Anna"}, function(data, status){
    $("#output").html(data);
    alert(status);
  });
});
测试看看

这是PHP文件的源码(“ ajax_post.php”):

<?php
    echo "<p>Hello ".$_POST['fname']." ".$_POST['lname'].", How are u doing?</p>";
?>

jQuery AJAX参考

有关完整的AJAX方法参考,请访问我们的jQuery AJAX参考