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="../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对象
时间: 2024-11-03 21:19:18

jquery ajax异步调用的相关文章

浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法(转载)

在调用一个jquery的ajax方法时我们有时会需要该方法返回一个值或者给某个全局变量赋值,可是我们发现程序执行完后并没有获取到我们想要的值,这时很有可能是因为你用的是ajax的异步调用async:true(默认情况),如: 复制代码 代码如下: function ManageCommentText(text) {var result = text;$.ajax({data: "get",url: "GetComments.aspx",data: "typ

$.getJSON 返回值、AJAX异步调用步骤

//首先要判断用户录入的手机号是不是中国移动的,不是直接给出提示,并终止登录 if($("#cmUsername1").val().isMobile())//手机号码 { jQuery.ajax({ async: false,//必须同步!! url: G_CTX_ROOT+"/query/isJSorHNMobile", data: {mobile: $("#cmUsername1").val()}, dataType: "json&

Jquery Ajax 异步设置Table中某列的值

可根据table中某列中的ID去改变某列的值! JS: 1 $(document).ready(function () { 2 setTimeout(GetDate, 1000); 3 4 }); 5 6 function GetDate() { 7 $("#tbData tbody").find("tr").each(function () { 8 var prjectBalanceObj = $(this).find("td:eq(3)");

详谈 Jquery Ajax 异步处理Json数据.

详谈 Jquery Ajax 异步处理Json数据.

jQuery AJAX实现调用页面后台方法

1.新建demo.aspx页面.2.首先在该页面的后台文件demos.aspx.cs中添加引用. using System.Web.Services; 3.无参数的方法调用. 大家注意了,这个版本不能低于.net framework 2.0.2.0已下不支持的.后台代码: [WebMethod] public static string SayHello() { return "Hello Ajax!"; } JS代码: $(function() { $("#btnOK&qu

ajax 异步调用把返回值赋给一个全局变量的用法,最主要的就是把async属性改为 false,

<script> $(document).ready(function () { <% string dqsj = System.DateTime.Now.ToString("yyyy-MM-dd"); %> seach(); }); var shuju = ""; var sj = ""; function se() { seach(); } function seach() { $(function () { var

jquery Ajax 全局调用封装

有一种情况:全站都要用异步方式来调用 数据,提交数据,那么你每次操作 都会要$.ajax({.....}) 写重复的方法 和代码,冗余太大, 也浪费时间,虽说你有代码自动提示补全,但真的不优雅,身为前端极客,是不能允许的! [嘿嘿!虽说我现在基本不用jquery了 ,不过异步概念 是永远要用的,就帮助下新人] jQuery Ajax通用js封装 第一步:引入jQuery库 <script type="text/javascript" src="/js/jquery.mi

JQuery $.ajax(); 异步访问完整参数

jquery中的ajax方法参数 url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持. timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设置. async: 要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求.如

jQuery Ajax异步

jQuery.form.js插件(博客参考): http://blog.csdn.net/zzq58157383/article/details/7718956 http://www.cnblogs.com/heyuquan/p/form-plug-async-submit.html   ajax分页:http://www.helloweba.com/view-blog-195.html http://www.cnblogs.com/chenping-987123/archive/2011/02