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)


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

额外的参数:

  • 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

时间: 2024-10-09 07:34:42

jQuery ajax - get(),getJSON(),post()方法的相关文章

jQuery ajax同步的替换方法,使用 $.Deferred()对象

function aa() { var defer = $.Deferred(); $.ajax({ url: "/Handler1.ashx", type: "post", success: function (data) { defer.resolve(data);//这里的data数据会传到$.when(aa()).done(function(data) data里面 } }); return defer.promise(); } $(function ()

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

1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是"application/json", (3)data传递的数据必须是严格的json数据,如"{'a':'aa','b':'bb'}",而且参数必须和静态方法的参数一 一对应 (4)aspx的后台方法返回的数据默认形式是"{'d':'返回的内容'}",所

Jquery Ajax调用aspx页面方法

原文:Jquery Ajax调用aspx页面方法 在asp.net webform开发中,用jQuery ajax传值一般有几种玩法 1)普通玩法:通过一般处理程序ashx进行处理: 2)高级玩法:通过aspx.cs中的静态方法+WebMethod进行处理: 3)文艺玩法:通过WCF进行处理. 第一种和第三种方法不在本文介绍范围之内,下面重点介绍第二种方法. 说明 在我们的印象里 asp.net的Web服务是以.asmx来结尾的,而我们现在的asp.net也能实现Web服务,这是因为默认Web.

jquery ajax清除缓存的方法

function cityListChange(cityCode){ //{lon=121.491121, name=上海, province=上海市, telPrefix=021, provinceid=310000, code=310100, lat=31.243466, platePrefix=沪} $.ajax({ type: "get", dataType: "json", url: "${contextPath}/carUpload/cityL

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

在jquery中ajax实现方法分类很多种,如有:load.jQuery.get.jQuery.post.jQuery.getScript.jQuery Ajax 事件.jQuery.ajaxSetup等等,前面几种为常用的也是用得最多的jquery ajax方法了,我下面给大家来详细介绍这里ajax实现方法.  jQuery.get( url, [data], [callback] ):使用GET方式来进行异步请求 这是一个简单的 GET 请求功能以取代复杂 $.ajax .请求成功时可调用回

JQuery AJAX请求aspx后台方法

利用JQuery封装好的AJAX来请求aspx的后台方法,还是比较方便的,但是要注意以下几点: 1.首先要在方法的顶部加上[WenMethod]的特性(此特性要引入using System.Web.Services;命名空间) 2.其次方法一定要是静态(static)方法. 下面我做了几个不同的调用后台方法的例子: 1.不带参数返回string方法 前台代码: 1 //不带参数返回string方法 2 $.ajax({ 3 type: "post", 4 url: "后台返回

jQuery – AJAX get() 和 post() 方法

jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据. HTTP 请求:GET vs. POST 两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST. GET - 从指定的资源请求数据 POST - 向指定的资源提交要处理的数据 GET 基本上用于从服务器获得(取回)数据.注释:GET 方法可能返回缓存数据. POST 也可用于从服务器获取数据.不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据. 如需学

jQuery - AJAX get() 和 post() 方法

jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据. 参考网址: http://www.w3cschool.cc/jquery/jquery-ajax-get-post.html

跨域访问:jquery ajax jsonp的实现方法(jsp和action方式)

[javascript] <mce:script language="javascript"><!-- $(function(){ $.ajax({ type: "get", url: "www.sssss.com/ddd.do", data: { area : "ddd", areaid : "2", categorySz : ["", "", &