码迷,mamicode.com
首页 > Web开发 > 详细

jquery ajax异步调用

时间:2014-12-26 11:06:21      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:

写程序的第一步都要知其然,至于知其所以然就要看个人的爱好了。下面说一下web开发中经常用的ajax。

这里是用的jquery框架实现的ajax异步调用。废话少说先上代码。(asp.net开发)

 

var  x="";
var y="";  
$.ajax({
            type: "post",
            url: "../ashx/RemoveHoliday.ashx",
            dataType: "json",
            data: { parms1:x, parms2: y},
            success: function (returnData) {
 for(var k=0;k<$(returnData).length;k++)
 {
//以json的形式遍历访问返回数据。这里可以根据自己的json格式遍历    
returnData[k].type;returnData[k].hDate;//取json值
}
})
我的json数据集是这样的
[{type:"1",hDate:"2"},{type:"1",hDate:"2"}]

说明:

首先页面要引入jquery框架

<script src="../javascript/jquery-1.4.1.js" type="text/javascript"></script>

 

      type:请求的方式有post和get两种方式。这里是用的post的方式,用post方式传参数的时候就要写在data中。

后台取数据用Request.form["parms1"]。如果用get的话参数放url中例如  url:"../ashx/RemoveHoliday.ashx?parms1=1"

后台取数据用Request.QueryString["parms1"]。get方式就不需要data参数了。

url:请求的页面。这里请求的可以是webservice服务、一般处理文件.ashx、继承httphandler接口的类下的方法。

dataType:返回数据的类型。一般就是json和xml

data:传递的参数。

success:请求成功后回调的方法。这里可以处理返回数据和操作当前页面的dom对象

jquery ajax异步调用

标签:

原文地址:http://www.cnblogs.com/bboy-coco/p/4186155.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!