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