上一节:

  jQuery get()和post()方法

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

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

  • HTTP请求：GET与POST

    客户端和服务器之间的请求 - 响应的两种常用方法是：GET和POST。
    • GET 从指定资源请求数据
    • POST 将要处理的数据提交到指定的资源
    GET主要用于从服务器获取（检索）一些数据。 注意：GET方法可能会返回缓存的数据。
    POST也可用于从服务器获取一些数据。 但是，POST方法永远不会缓存数据，并且通常用于与请求一起发送数据。
    要了解有关GET和POST的更多信息以及这两种方法之间的差异，请阅读我们的HTTP方法GET与POST章节。

  • jQuery $.get()方法

    $.get()方法使用HTTP GET请求从服务器请求数据。
    语法：$.get(URL,callback);
    必需的URL参数指定您要请求的URL。
    可选的callback参数是请求成功时要执行的函数的名称。
    以下示例使用$.get()方法从服务器上的文件中检索数据： 
       
               <head>
                    <script type="text/javascript" src="jquery.js"></script>
                    <script type="text/javascript">
                    $(document).ready(function(){
                         $("button").click(function(){
                            $.get("demo_test.php", function(data, status){
                                alert("数据: " + data + "\n状态: " + status);
                            });
                         });
                    });
                    </script>
               </head>
    尝试一下
    $.get()的第一个参数是我们要请求的URL（“demo_test.php”）。
    第二个参数是回调函数。第一个回调参数保存所请求页面的内容，第二个回调参数保存请求的状态。
    提示：这是PHP文件的样子（“demo_test.php”）： 
       
               <?php
                  echo '这是来自外部PHP文件的一些文本。';
               ?>

  • jQuery $.post()方法

    $.post()方法使用HTTP POST请求从服务器请求数据。
    语法：$.post(URL,data,callback);
    必需的URL参数指定您要请求的URL。
    可选的callback参数指定要与请求一起发送的一些数据。
    可选的callback参数是请求成功时要执行的函数的名称。
    以下示例使用$.post()方法将一些数据与请求一起发送： 
       
               <head>
                    <script type="text/javascript" src="jquery.js"></script>
                    <script type="text/javascript">
                    $(document).ready(function(){
                         $("button").click(function(){
                              $.post("demo_test_post.php",{
                                 name: "蝴蝶教程",
                                 city: "南宁"
                              },
                              function(data, status){
                                 alert("数据输出: \n" + data + "\n状态: " + status);
                              });
                         });
                    });
                    </script>
               </head>
    尝试一下
    $.post()的第一个参数是我们要请求的URL（“demo_test_post.php”）。
    然后我们传入一些数据与请求（名称和城市）一起发送。
    “demo_test_post.php”中的PHP脚本读取参数，处理它们并返回结果。
    第三个参数是回调函数。第一个回调参数保存所请求页面的内容，第二个回调参数保存请求的状态。
    提示：这是PHP文件的样子（“demo_test_post.php”）： 
       
               <?php
                    $name = isset($_POST['name']) ? htmlspecialchars($_POST['name']) : '';
                    $city = isset($_POST['city']) ? htmlspecialchars($_POST['city']) : '';
                    echo '名称: ' .$name;
                    echo "\n";
                    echo '城市: ' .$city;
               ?>
    有关所有jQuery AJAX方法的完整概述，请转到我们的jQuery AJAX参考手册。
上一节: