首页 > 代码库 > jquery ajax异步调用

jquery ajax异步调用

写程序的第一步都要知其然,至于知其所以然就要看个人的爱好了。下面说一下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="http://www.mamicode.com/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异步调用