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参考手册。