ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
## HTTP 请求:GET vs. POST 两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。 * *GET*\- 从指定的资源请求数据 * *POST*\- 向指定的资源提交要处理的数据 GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。 POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。 如需学习更多有关 GET 和 POST 以及两方法差异的知识,请阅读我们的[HTTP 方法 - GET 对比 POST](https://www.w3cschool.cn/htmltags/html-httpmethods.html "HTTP 方法:GET 对比 POST")。 * * * ## jQuery $.get() 方法 [$.get() 方法](https://www.w3cschool.cn/jquery/ajax-get.html)通过 HTTP GET 请求从服务器上请求数据。 ### 语法: ``` $.get(*URL*,*callback*); ``` 必需的*URL*参数规定您希望请求的 URL。 可选的*callback*参数是请求成功后所执行的函数名。 下面的例子使用 $.get() 方法从服务器上的一个文件中取回数据: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool在线教程(w3cschool.cn)</title> <script src="//libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $.get("/statics/demosource/demo_test.php",function(data,status){ alert("数据: " + data + "\n状态: " + status); }); }); }); </script> </head> <body> <button>发送一个 HTTP GET 请求并获取返回结果</button> </body> </html> ``` $.get() 的第一个参数是我们希望请求的 URL("demo\_test.php")。 第二个参数是回调函数。第一个回调参数存有被请求页面的内容,第二个回调参数存有请求的状态。 **提示:**这个 PHP 文件 ("demo\_test.php") 类似这样: ``` <?php echo "This is some text from an external PHP file."; ?> ``` ## jQuery $.post() 方法 [$.post() 方法](https://www.w3cschool.cn/jquery/ajax-post.html)通过 HTTP POST 请求从服务器上请求数据。 **语法:** ``` $.post(*URL,data,callback*); ``` 必需的*URL*参数规定您希望请求的 URL。 可选的*data*参数规定连同请求发送的数据。 可选的*callback*参数是请求成功后所执行的函数名。 下面的例子使用 $.post() 连同请求一起发送数据: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="//libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $.post("/statics/demosource/demo_test_post.php", { name:"W3Cschool", url:"http://www.w3cschool.cn" }, function(data,status){ alert("数据: " + data + "状态: " + status); }); }); }); </script> </head> <body> <button>发送一个 HTTP POST 请求页面并获取返回内容</button> </body> </html> ``` $.post() 的第一个参数是我们希望请求的 URL ("demo\_test\_post.php")。 然后我们连同请求(name 和 city)一起发送数据。 "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 'Dear ' . $name; echo 'Hope you live well in ' . $city; ?> ``` **提示:**在jQuery中,[$.ajax()方法](https://www.w3cschool.cn/jquery/ajax-ajax.html)能够实现与load()、$.get()和$.post()方法相同的功能,并且具有更多的作用!