jQuery ajax - get(),getJSON(),post()方法
1) jQuery ajax - get() 方法:
$(selector).get(url,data,success(response,status,xhr),dataType)
|
参数 |
描述 |
|
url |
必需。规定将请求发送的哪个 URL。 |
|
data |
可选。规定连同请求发送到服务器的数据。 |
|
success(response,status,xhr) |
可选。规定当请求成功时运行的函数。 额外的参数：
|
|
dataType |
可选。规定预计的服务器响应的数据类型。 默认地，jQuery 将智能判断。 可能的类型：
|
该函数是简写的 Ajax 函数，等价于：
$.ajax({
url: url,
data: data,
success: success,
dataType: dataType
});
2) jQuery ajax - getJSON() 方法：
jQuery.getJSON(url,data,success(data,status,xhr))
|
参数 |
描述 |
|
url |
必需。规定将请求发送的哪个 URL。 |
|
data |
可选。规定连同请求发送到服务器的数据。 |
|
success(data,status,xhr) |
可选。规定当请求成功时运行的函数。 额外的参数：
|
该函数是简写的 Ajax 函数，等价于：
$.ajax({
url: url,
data: data,
success: callback,
dataType: “json”
});
3) jQuery ajax - post() 方法
4) jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)
|
参数 |
描述 |
|
url |
必需。规定把请求发送到哪个 URL。 |
|
data |
可选。映射或字符串值。规定连同请求发送到服务器的数据。 |
|
success(data, textStatus, jqXHR) |
可选。请求成功时执行的回调函数。 |
|
dataType |
可选。规定预期的服务器响应的数据类型。 默认执行智能判断（xml、json、script 或 html）。 |
该函数是简写的 Ajax 函数，等价于：
$.ajax({
type: 'POST',
url: url,
data: data,
success: success,
dataType: dataType
});
实例：
1) get()
Html页面：
<script>
$(function(){
$("#btn").bind("click",function(){
var prov=$(".prov").val();
var city=$(".city").val();
var dist=$(".dist").val();
/*
*data的格式可以是：key1=value1&key2=value2
* 也可以是：{“key1”:”value1”,”key2”:”value2”}//单双引号也无妨
*/
var data="prov="+prov+"&city="+city+"&dist="+dist;
// $.get("abc.php",{"prov":prov,"city":city,"dist":dist},function(json){
// $("#msg").html(json);
// });
$.get("abc.php",data,function(json){
$("#msg").html(json);
});
//等价于下面的ajax代码
/* $.ajax({
url: "abc.php",
data: data,
success: function(json){
$("#msg").html(json);
},
dataType:"text"//这里返回的类型有：json,html,xml,text
});
}); */
});
</script>
</head>
<body>
<div id="city">
<input type=”text” class="prov" value=”河南”>
<input type=”text” class="city" value=”安阳市”>
<input type=”text” class="dist" value=”安阳县”>
</div>
<input id="btn" type="button" value="提交">
<p id="msg" style="color:red;"></p>
</body>
abc.php页面：
<?php
$prov=$_GET["prov"];
$city=$_GET['city'];
$dist=$_GET['dist'];
$str=$prov.”<br>”.$city. ”<br>”.$dist;
echo $str;//输出的是字符串
?>
2)getJSON（注意返回的json数据必须满足json格式，返回的数据不是规范的json数据，回调函数不执行）
Html页面：
<script>
$(function(){
$("#btn").bind("click",function(){
var prov=$(".prov").val();
var city=$(".city").val();
var dist=$(".dist").val();
/*
*data的格式可以是：key1=value1&key2=value2
* 也可以是：{“key1”:”value1”,”key2”:”value2”}//单双引号也无妨
*/
var data="prov="+prov+"&city="+city+"&dist="+dist;
$.getJSON("abc.php",data,function(json){
$("#msg").html(json.prov+json.city+json.dist);
});
//等价下面的ajax代码
/*$.ajax({
url: "abc.php",
data: data,
success: function(json){
$("#msg").html(json.prov+json.city+json.dist);
},
dataType:"json"
});*/
});
});
</script>
</head>
<body>
<div id="city">
<input type=”text” class="prov" value=”河南”>
<input type=”text” class="city" value=”安阳市”>
<input type=”text” class="dist" value=”安阳县”>
</div>
<input id="btn" type="button" value="提交">
<p id="msg" style="color:red;"></p>
</body>
</html>
abc.php页面：
<?php
$prov=$_GET["prov"];
$city=$_GET['city'];
$dist=$_GET['dist'];
$arr=array("prov"=>$prov,"city"=>$city,"dist"=>$dist);
echo json_encode($arr);//返回json数据
?>
3)post()
html页面：
<script>
$(function(){
$("#btn").bind("click",function(){
var prov=$(".prov").val();
var city=$(".city").val();
var dist=$(".dist").val();
/*
*data的格式可以是：key1=value1&key2=value2
* 也可以是：{“key1”:”value1”,”key2”:”value2”}//单双引号也无妨
*/
/* var data="prov="+prov+"&city="+city+"&dist="+dist;
$.post("abc.php",data,function(json){
$("#msg").html(json.prov);
},"json");*/
$.post("abc.php",{"prov":prov,"city":city,"dist":dist},function(json){
$("#msg").html(json.prov);
},"json");//这里返回的类型有：json,html,xml,text
});
//等价于下面的ajax()
/*$.ajax({
type:"post",
url: "abc.php",
data: {'prov':prov,'city':city,'dist':dist},
success: function(json){
$("#msg").html(json.prov);
},
dataType:"json"//这里返回的类型有：json,html,xml,text
});*/
});
</script>
</head>
<body>
<div id="city">
<input type=”text” class="prov" value=”河南”>
<input type=”text” class="city" value=”安阳市”>
<input type=”text” class="dist" value=”安阳县”>
</div>
<input id="btn" type="button" value="提交">
<p id="msg" style="color:red;"></p>
</body>
</html>
abc.php页面：
<?php
$prov=$_POST["prov"];
$city=$_POST['city'];
$dist=$_POST['dist'];
$arr=array("prov"=>$prov,"city"=>$city,"dist"=>$dist);
echo json_encode($arr);//输出的json格式数据
?>
参考：http://www.w3school.com.cn/jquery/ajax_post.asp
http://www.w3school.com.cn/jquery/ajax_get.asp
http://www.w3school.com.cn/jquery/ajax_getjson.asp
jQuery ajax - get(),getJSON(),post()方法的更多相关文章
- Jquery Ajax调用aspx页面方法
Jquery Ajax调用aspx页面方法 在asp.net webform开发中,用jQuery ajax传值一般有几种玩法 1)普通玩法:通过一般处理程序ashx进行处理: 2)高级玩法:通过as ...
- jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法
1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是“a ...
- jQuery Ajax实例各种使用方法详解
在jquery中ajax实现方法分类很多种,如有:load.jQuery.get.jQuery.post.jQuery.getScript.jQuery Ajax 事件.jQuery.ajaxSetu ...
- Jquery Ajax调用aspx页面方法 (转载)
在asp.net webform开发中,用jQuery ajax传值一般有几种玩法 1)普通玩法:通过一般处理程序ashx进行处理: 2)高级玩法:通过aspx.cs中的静态方法+WebMethod进 ...
- jquery ajax局部加载方法介绍
[导读] 在jquery中实现ajax加载的方法有很多种,不像以前的js的ajax只有那一种,下面我们介绍jquery ajax实现局部加载方法总结,有需要了解的朋友可参考.例 代码如下复制代码 $ ...
- Jquery Ajax和getJSON获取后台普通Json数据和层级Json数据解析
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- jQuery ajax中使用serialize()方法提交表单数据示例
<form id="form"> 输入账号 :<input id="name" type="text" name=&quo ...
- jquery ajax的getJSON使用
getJSON的定义和用法 通过 HTTP GET 请求载入 JSON 数据. 在 jQuery 1.2 中,您可以通过使用 JSONP 形式的回调函数来加载其他网域的 JSON 数据,如 " ...
- JQuery AJAX请求aspx后台方法
利用JQuery封装好的AJAX来请求aspx的后台方法,还是比较方便的,但是要注意以下几点: 1.首先要在方法的顶部加上[WenMethod]的特性(此特性要引入using System.Web.S ...
随机推荐
- Web Service中的几个重要术语
WSDL:web service definition language 直译:WebService定义语言 1.对应一种该类型的文件.WSDL 2.定义了Web Service的服务器与客户端应用交 ...
- 将Session写入Memcache
通过session_set_save_handler()方法自定义Session写入Memcache <?php class MemSession{ private static $handle ...
- 通过java的Runtime.getRuntime()和System.getProperties()来获取系统的信息
第一种,通过Runtime.getRuntime()来获取系统信息. 通过java来获取系统以下的信息: 主机名: OS 名称: OS 版本: OS 制造商: OS 配置: 独立工作站 ...
- 字符设备驱动——memory编译问题及解决办法
1.fatal error:asm/system.h:No such file or directory #include <linux/version.h> #if LINUX_VERS ...
- 多人操作sqlite3数据库冲突问题解决方法
问题描述:sqlite3数据放置在某一台电脑的某个共享文件夹下,操作数据库的应用程序安装在同一局域网下的很多台电脑上,由于存在多人同时使用该应用程序,所以存在多人同时操作数据库的情况.经过测试发现,最 ...
- 孙鑫视频学习：对第10章设置线宽时为什么不调用UpDateData(TRUE)的理解
在第10章10.2.1小节中,首先分别对视图类和对话框类添加了一个名为m_nLineWidth的int型变量,再将用户在CSetting dlg对话框的edit控件中输入的线宽值记录在dlg.m_nL ...
- maven 多工程搭建演示
maven出现后,很多公司会用maven来构建项目,单仅仅只是单项目单工程的 并没有使用多工程来构建,这样在以后,项目越来越大,业务越来越多以后,项目会难以维护,越发庞大,维护成本提高,团队士气也会下 ...
- 第11章 Windows线程池（2）_Win2008及以上的新线程池
11.2 Win2008以上的新线程池 (1)传统线程池的优缺点: ①传统Windows线程池调用简单,使用方便(有时只需调用一个API即可) ②这种简单也带来负面问题,如接口过于简单,无法更多去控制 ...
- linux强制用户下线
Linux系统为多用户多任务系统,因此允许多个用户登录到系统,有时候,我们需要强制某些用户下线. 前提:必须是root权限操作:(1)使用who查看目前有哪些用户登录了服务器,见下图 [root@vm ...
- linux命令学习－su
su 切换用户:su -root与su root的区别你直接su root 你可以认真看下,只是用户变成root.你当前的操作环境还是在aaa的用户下 如果加个su - root,就等于你的操作环境跟 ...