jQuery - AJAX get()和post()方法
2015-11-27 15:10
627 查看
jQuery get()和post()方法用于通过HTTP GET或POST请求从服务器请求数据.
HTTP请求:GET VS POST
两种在客户端和服务器端进行请求-响应的常用方法是:GET和POST.
·GET---从指定的资源请求数据.
·POST---向指定的资源提交要处理的数据.
GET基本上用于从服务器获得(取回)数据.注释:GET方法可能返回缓存数据.
POST也可以用于从服务器获取数据.不过,POST方法不会缓存数据,并且常用于连同请求一起发送数据.
jQuery $.get()方法
$.get()方法通过HTTP GET请求从服务器上请求数据.
语法:
$.get(URL,callback);
必须的URL参数规定您希望请求的URL.
可选的callback参数是请求成功后所执行的函数名.
下面的例子使用$.get()方法从服务器上的一个文件中取回数据:
demo_test.php文件代码:
<?php header("Content-type: text/html; charset=utf8"); echo "这是新加载的文字!"; ?>
jQuery $.post()方法
$.post()方法通过HTTP POST请求连同请求一起发送数据.
语法:
$.post(URL,data,callback);
下面的例子使用$.post()连同请求一起发送数据:
demo_test_post.php:
$.post()的第一个参数是我们希望请求的URL('demo_test_post.php').
然后我们连同请求(name和city)一起发送数据.
HTTP请求:GET VS POST
两种在客户端和服务器端进行请求-响应的常用方法是:GET和POST.
·GET---从指定的资源请求数据.
·POST---向指定的资源提交要处理的数据.
GET基本上用于从服务器获得(取回)数据.注释:GET方法可能返回缓存数据.
POST也可以用于从服务器获取数据.不过,POST方法不会缓存数据,并且常用于连同请求一起发送数据.
jQuery $.get()方法
$.get()方法通过HTTP GET请求从服务器上请求数据.
语法:
$.get(URL,callback);
必须的URL参数规定您希望请求的URL.
可选的callback参数是请求成功后所执行的函数名.
下面的例子使用$.get()方法从服务器上的一个文件中取回数据:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>jQuery $.get()</title> <script type="text/javascript" src="js/jquery-1.11.3.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> <body> <button>向页面发送HTTP GET请求,然后获得返回的结果</button> </body> </html>
demo_test.php文件代码:
<?php header("Content-type: text/html; charset=utf8"); echo "这是新加载的文字!"; ?>
jQuery $.post()方法
$.post()方法通过HTTP POST请求连同请求一起发送数据.
语法:
$.post(URL,data,callback);
参数 | 描述 |
URL | 希望请求的URL |
data | 连同请求发送的数据 |
callback | 请求成功后所执行的函数名 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>jQuery $.post()</title> <script type="text/javascript" src="js/jquery-1.11.3.js"></script> <script type="text/javascript"> $(document).ready(function() { $('button').click(function() { $.post('demo_test_post.php',{name:"liubeimeng",city:"beijing"},function(data,status){ alert('数据:'+data+'\n状态'+status); }); }); }); </script> </head> <body> <button>向页面发送 HTTP POST 请求 , 并获得返回的结果 .</button> </body> </html>
demo_test_post.php:
<?php $name = $_POST["name"]; $city = $_POST["city"]; echo "我的名字是:",$name,"我的城市是:",$city; ?>
$.post()的第一个参数是我们希望请求的URL('demo_test_post.php').
然后我们连同请求(name和city)一起发送数据.
相关文章推荐
- jQuery - AJAX load()方法
- jQuery - AJAX 简介
- jquery validate使用
- jquery cookie 用法
- jquery重写异步提交
- jquery记忆笔记
- jquery记忆笔记
- Jquery最全过滤器总结
- jQuery实现图片预加载效果
- 使用JQuery上传图片 实现预览
- [转]jQuery Popup Login and Contact Form
- Jquery根据元素值或元素下标来删除一个数组元素及数组对象方法
- jquery ajax post方法获取json数据
- 一个完全独立的、简洁的jquery前端分页组件,用到动态添加页内样式的方法哦。
- 二级下拉菜单的三种实现方法——CSS 、JS、 jQuery
- jquery操作select(取值,设置选中)
- jQuery on()方法
- 拓展jQuery的serialize(),将form表单转化为json对象。
- 基于JQUERY的WEB在线流程图设计器GOOFLOW 0.5版
- jquery 显示“加载状态 结束”