原创力文档- 1、本文档共10页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
啥叫异步,啥叫Ajax.咱不谈啥XMLHTTPRequest.通俗讲异步就是前台页面javascript能调用后台方法.这样就达到了无刷新.所谓的Ajax.这里我们讲二种方法
方法一:(微软有自带Ajax框架)
在A里微软有自己的Ajax框架.就是在页面后台.cs文件里引入 using System.Web.Services 空间 然后定义静态方法(方法前加上?[WebMethod])
??? [WebMethod] ??? public static string ABC(string ABC) ??? { ??????? return ABC; ??? }
好了,现在我们谈谈前台Js怎么处理后台返回的数据吧,可利用Jquery处理返回的纯html,json,Xml等数据.这里我们演示返回返回的数据有string、集合(List)、类.
但都返回Json格式(Json轻量级比XML处理起来简单).看看前台是怎么解析这些数据的.
代码如下:
前台页面:
%@ Page Language=C# AutoEventWireup=true CodeFile=Default2.aspx.cs Inherits=Default2 % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head runat=server title无标题页/title style type=text/css .hover { cursor: pointer; /*小手*/ background: #ffc; /*背景*/ } /style script type=text/javascript src=js/jquery-1.3.2-vsdoc2.js/script script type=text/javascript //无参数调用 $(document).ready(function() { $(#btn1).click(function() { $.ajax({ type: POST, //访问WebService使用Post方式请求 contentType: application/json, //WebService 会返回Json类型 url: Default2.aspx/HelloWorld, //调用WebService的地址和方法名称组合 WsURL/方法名 data: {}, //这里是要传递的参数，格式为 data: {paraName:paraValue},下面将会看到 dataType: json, success: function(result) { //回调函数，result，返回值 alert(result.d); } }); }); }); //有参数调用 $(document).ready(function() { $(#btn2).click(function() { $.ajax({ type: POST, contentType: application/json, url: Default2.aspx/GetWish, data: {value1:心想事成,value2:万事如意,value3:牛牛牛,value4:2009}, dataType: json, success: function(result) { alert(result.d); } }); }); }); //返回集合（引用自网络，很说明问题） $(document).ready(function() { $(#btn3).click(function() { $.ajax({ type: POST, contentType: application/json, url: Default2.aspx/GetArray, data: {i:10}, dataType: json, success: function(result) { $(result.d).each(function() { alert(this); $(#dictionary).append(this.toString() + ); //alert(result.d.join( | )); }); } }); }); }); //返回复合类型 $(document).ready(function() { $(#btn4).click(function() { $.ajax({ type: POST, contentType: application/json, url:
文档评论（0）