1)       jQuery ajax - get() 方法:

$(selector).get(url,data,success(response,status,xhr),dataType)

参数

描述

url

必需。规定将请求发送的哪个 URL。

data

可选。规定连同请求发送到服务器的数据。

success(response,status,xhr)

可选。规定当请求成功时运行的函数。

额外的参数：

  • response - 包含来自请求的结果数据
  • status - 包含请求的状态
  • xhr - 包含 XMLHttpRequest 对象

dataType

可选。规定预计的服务器响应的数据类型。

默认地，jQuery 将智能判断。

可能的类型：

  • "xml"
  • "html"
  • "text"
  • "script"
  • "json"
  • "jsonp"

该函数是简写的 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)

可选。规定当请求成功时运行的函数。

额外的参数：

  • response - 包含来自请求的结果数据
  • status - 包含请求的状态
  • xhr - 包含 XMLHttpRequest 对象

该函数是简写的 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()方法的更多相关文章

  1. Jquery Ajax调用aspx页面方法

    Jquery Ajax调用aspx页面方法 在asp.net webform开发中,用jQuery ajax传值一般有几种玩法 1)普通玩法:通过一般处理程序ashx进行处理: 2)高级玩法:通过as ...

  2. jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法

    1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是“a ...

  3. jQuery Ajax实例各种使用方法详解

    在jquery中ajax实现方法分类很多种,如有:load.jQuery.get.jQuery.post.jQuery.getScript.jQuery Ajax 事件.jQuery.ajaxSetu ...

  4. Jquery Ajax调用aspx页面方法 (转载)

    在asp.net webform开发中,用jQuery ajax传值一般有几种玩法 1)普通玩法:通过一般处理程序ashx进行处理: 2)高级玩法:通过aspx.cs中的静态方法+WebMethod进 ...

  5. jquery ajax局部加载方法介绍

    [导读] 在jquery中实现ajax加载的方法有很多种,不像以前的js的ajax只有那一种,下面我们介绍jquery ajax实现局部加载方法总结,有需要了解的朋友可参考.例 代码如下复制代码 $ ...

  6. Jquery Ajax和getJSON获取后台普通Json数据和层级Json数据解析

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. jQuery ajax中使用serialize()方法提交表单数据示例

    <form id="form"> 输入账号 :<input id="name" type="text" name=&quo ...

  8. jquery ajax的getJSON使用

    getJSON的定义和用法 通过 HTTP GET 请求载入 JSON 数据. 在 jQuery 1.2 中,您可以通过使用 JSONP 形式的回调函数来加载其他网域的 JSON 数据,如 " ...

  9. JQuery AJAX请求aspx后台方法

    利用JQuery封装好的AJAX来请求aspx的后台方法,还是比较方便的,但是要注意以下几点: 1.首先要在方法的顶部加上[WenMethod]的特性(此特性要引入using System.Web.S ...

随机推荐

  1. SQL优化法则小记

    SQL优化技巧 1.选择最有效率的表名顺序(只在基于规则的优化器中有效): oracle的解析器按照从右到左的顺序处理 from 子句中的表名,from子句中写在最后的表(基础表 driving ta ...

  2. 【转载】kafka的工作原理

    http://www.ibm.com/developerworks/cn/opensource/os-cn-kafka/index.html 消息队列 消息队列技术是分布式应用间交换信息的一种技术.消 ...

  3. TableViewer使用

    1.自定义编辑器激活方式   /**     * Create a customized editor whose activation process is customized     *    ...

  4. NOIP2008提高组火柴棒等式（模拟）——yhx

    题目描述 给你n根火柴棍,你可以拼出多少个形如“A+B=C”的等式?等式中的A.B.C是用火柴棍拼出的整数(若该数非零,则最高位不能是0).用火柴棍拼数字0-9的拼法如图所示: 注意: 加号与等号各自 ...

  5. POJ 3255 Roadblocks --次短路径

    由于次短路一定存在,则可知次短路一定是最短路中某一条边不走,然后回到最短路,而且只是一条边,两条边以上不走的话,就一定不会是次短路了(即以边换边才能使最小).所以可以枚举每一条边,算出从起点到这条边起 ...

  6. sql 入门经典（第五版） Ryan Stephens 学习笔记 （第六，七，八，九，十章，十一章，十二章）

    第六章: 管理数据库事务 事务 是 由第五章 数据操作语言完成的  DML ,是对数据库锁做的一个操作或者修改. 所有事务都有开始和结束 事务可以被保存和撤销 如果事务在中途失败,事务中的任何部分都不 ...

  7. JavaWeb学习----JSP简介及入门（含Eclipse for Java EE及Tomcat的配置）

    ​[声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/ ...

  8. uGUI练习(九) Toggle Button

    练习目标 练习单选框,多选框 Toggle Group:Toggle容器 Toggle:单一的选项 练习步骤 1.创建一个Panel,命名TogglePanel,添加Toggle Group组件,可以 ...

  9. 关于JAVA应用中文字体显示小方框的问题解决

    最近碰到linux下jboss应用中中文字体显示为小方框: “在JRE 5以上的java环境中,java会自动加载$JAVA_HOME/jre/lib/fonts目录下的字体.链接或复制宋体或微软雅黑 ...

  10. Javascript中的对象和原型(3)

    在Javascript中的对象和原型(二)中我们提到,用构造函数创建的对象里面,每个对象之间都是独立的,这样就会降低系统资源的利用率,解决这样问题,我们就要用到下面提到的原型对象. 一 原型对象 原型 ...