jQuery AJAX get() 和 post() 方法示例讲解
来源:互联网 发布:数据挖掘是什么 编辑:程序博客网 时间:2024/05/19 12:25
ajax基本知识请查看 Ajax操作
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 - AJAX get() 和 post() 方法
- jQuery - AJAX get() 和 post() 方法
- jQuery - AJAX get() 和 post() 方法
- jQuery - AJAX get() 和 post() 方法
- jQuery - AJAX get() 和 post() 方法
- jQuery - AJAX get() 和 post() 方法
- jQuery-ajax-.get,.post方法
- jQuery教程 - Ajax之$.get()方法和$.post()方法
- jQuery Ajax之$.get()方法和$.post()方法
- jquery的get,post和ajax方法的使用
- jQuery - AJAX get() 和 post() 方法(二十六)
- 6.5.2: jQuery的Ajax之$.get()和$.post()方法
- jQuery - AJAX get() 和 post() 方法---非常好的实例
- jquery的get,post和ajax方法的使用
- jquery的get,post和ajax方法的使用
- AJAX get() 和 post() 方法
- Mysql性能优化-索引
- GCC 参数详解
- nuttx是可抢占式内核
- LSMW批处理使用方法(03)_步骤2
- 文章标题
- jQuery AJAX get() 和 post() 方法示例讲解
- 用react实现对表格增删操作
- 权值并查集——bzoj1202狡猾的商人
- [3]Spring以配置文件的方式进行属性注入
- angular2升级angular4
- 深度学习的硬件方案
- poj ACM1031
- react-native 实现上传功能
- jedis存储对象(序列化)开发