jQuery AJAX get() 和 post() 方法示例讲解
2017-06-22 14:07
507 查看
ajax基本知识请查看 Ajax操作
jQuery AJAX 方法是对基本ajax操作的封装,解决了ajax跨浏览器的问题,通过 jQuery AJAX 方法,我们能使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON数据并能够把这些外部数据直接载入网页的选中区域,实现异步的局部更新。
注意,查询字符串(名称/值对)是在 GET 请求的 URL 中发送的:
/test/demo_form.php?name1=value1&name2=value2
有关 GET 请求的其他一些性质:
POST 方法
注意,查询字符串(名称/值对)是在 POST 请求的 HTTP 消息主体中发送的:
POST /test/demo_form.php HTTP/1.1
Host: w3schools.com
name1=value1&name2=value2
有关 POST 请求的其他一些性质:
下面的表格比较了两种 HTTP 方法:GET 和 POST。
其他 HTTP 请求方法
必需的 URL 参数规定您希望请求的 URL。
可选的 callback 参数是请求成功后所执行的函数名。
下面的例子使用 $.get() 方法从服务器上的一个文件中取回数据并以警示框的形式显示出来:
实例
$.get() 的第一个参数是我们希望请求的 URL(”get_test.php”)。
第二个参数是回调函数。第一个回调参数存有被请求页面的内容,第二个回调参数存有请求的状态。
必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。
下面的例子使用 $.post() 连同请求一起发送数据:
实例
$.post() 的第一个参数是我们希望请求的 URL (“test_post.php”)。
然后我们连同请求(name 和 city)一起发送数据。
“test_post.php” 中的 php 脚本读取这些参数,对它们进行处理,然后返回结果。
第三个参数是回调函数。第一个回调参数存有被请求页面的内容,而第二个参数存有请求的状态。
jQuery AJAX 方法是对基本ajax操作的封装,解决了ajax跨浏览器的问题,通过 jQuery AJAX 方法,我们能使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON数据并能够把这些外部数据直接载入网页的选中区域,实现异步的局部更新。
HTTP 方法:选GET 还是 POST
GET 方法注意,查询字符串(名称/值对)是在 GET 请求的 URL 中发送的:
/test/demo_form.php?name1=value1&name2=value2
有关 GET 请求的其他一些性质:
GET 请求可被缓存 GET 请求保留在浏览器历史记录中 GET 请求可被收藏为书签 GET 请求不应在处理敏感数据时使用 GET 请求有长度限制 GET 请求只应当用于取回数据
POST 方法
注意,查询字符串(名称/值对)是在 POST 请求的 HTTP 消息主体中发送的:
POST /test/demo_form.php HTTP/1.1
Host: w3schools.com
name1=value1&name2=value2
有关 POST 请求的其他一些性质:
POST 请求不会被缓存 POST 请求不会保留在浏览器历史记录中 POST 不能被收藏为书签 POST 请求对数据长度没有要求
下面的表格比较了两种 HTTP 方法:GET 和 POST。
其他 HTTP 请求方法
jQuery $.get() 方法
$.get() 方法通过 HTTP GET 请求从服务器上请求数据。 语法:$.get(URL,callback);
必需的 URL 参数规定您希望请求的 URL。
可选的 callback 参数是请求成功后所执行的函数名。
下面的例子使用 $.get() 方法从服务器上的一个文件中取回数据并以警示框的形式显示出来:
实例
$("button").click(function(){ $.get("get_test.php",function(data,status){ alert("Data: " + data + "\nStatus: " + status); }); });
$.get() 的第一个参数是我们希望请求的 URL(”get_test.php”)。
第二个参数是回调函数。第一个回调参数存有被请求页面的内容,第二个回调参数存有请求的状态。
jQuery $.post() 方法
$.post() 方法通过 HTTP POST 请求从服务器上请求数据。 语法:$.post(URL,data,callback);
必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。
下面的例子使用 $.post() 连同请求一起发送数据:
实例
$("button").click(function(){ $.post("test_post.php", { name:"Donald Duck", city:"Duckburg" }, function(data,status){ alert("Data: " + data + "\nStatus: " + status); }); });
$.post() 的第一个参数是我们希望请求的 URL (“test_post.php”)。
然后我们连同请求(name 和 city)一起发送数据。
“test_post.php” 中的 php 脚本读取这些参数,对它们进行处理,然后返回结果。
第三个参数是回调函数。第一个回调参数存有被请求页面的内容,而第二个参数存有请求的状态。
相关文章推荐
- jQuery调用AJAX时Get和post公用的乱码解决方法
- jQuery教程 - Ajax之$.get()方法和$.post()方法
- jquery实现读取页面load get post ajax的几种代码方法
- jquery中get,post和ajax方法的使用小结
- jQuery-ajax-.get,.post方法
- jQuery 的 .get和.post和.ajax方法IE的兼容问题
- jQuery - AJAX get() 和 post() 方法---非常好的实例
- jQuery中Ajax的get、post等方法详解
- 在JQuery中可以使用get,post和ajax方法给服务器端传递数据
- jQuery - AJAX get() 和 post() 方法
- jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
- jquery中get,post和ajax方法的使用小结
- jQuery调用RESTful WCF示例(GET方法/POST方法)
- jQuery中Ajax的get、post等方法详解
- JQuery 中的ajax的方法 ($.ajax,$.post.$get,$.jgetJSON)
- jQuery - AJAX get() 和 post() 方法
- jQuery调用RESTful WCF示例代码(GET方法/POST方法)
- jquery的get,post和ajax方法的使用
- 锋利的jQuery读书笔记---jQuery中Ajax--get、post等方法
- jQuery - AJAX get() 和 post() 方法