jquery ajax异步调用

▼魔方 西西 提交于 2019-12-22 01:57:20

写程序的第一步都要知其然,至于知其所以然就要看个人的爱好了。下面说一下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对象
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!