|
|
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
我也不知道，我原来理解的，NET就是C++编程，只是与net网页编程相对，呵呵。以为.ET就是高级C++编程。之前在Ajax开端了解中先容了对Ajax的开端了解，本文将先容在ASP.NET中怎样便利利用Ajax，第一种固然是利用jQuery的ajax，功效壮大并且操纵复杂便利，第二种是利用.NET封装好的ScriptManager。
$.ajax向一般页面发送get哀求
这是最复杂的一种体例了，先复杂懂得jQueryajax的语法，最经常使用的挪用体例是如许：$.ajax({settings});有几个经常使用的setting，全体参数及其注释能够往jQuery官方API文档查询
1.type:哀求体例get/post
2.url:哀求的Uri
3.async：哀求是不是为异步
4.headers：自界说的header参数
5.data：发往服务器的参数
6.dataType：参数格局，罕见的有string、json、xml等
7.contents：决意如何剖析response的一个”字符串/正则表达式”map
8.contentType：发送到服务器的额数据的内容编码范例，它的默许值是"application/x-www-form-urlencoded;charset=UTF-8""。
9.success:哀求乐成后挪用的句柄
10.error：哀求失利后挪用的句柄
没利用过jQuery的ajax话如许看有些云里雾里的感到,来看一个复杂例子
起首利用VisualStudio新建一个WebApplication，把jQuery.js引进project，然后增加两个页面，Default.aspx作为测试用
Default.aspx
- <%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="Default.aspx.cs"Inherits="Web.Default"%><!DOCTYPEhtml><html><headrunat="server"><title>Ajax</title><scriptsrc="jQuery.js"type="text/javascript"></script><styletype="text/CSS">html,body,form{width:100%;height:100%;padding:0px;margin:0px;}#container{margin:100px;height:300px;width:500px;background-color:#eee;border:dached1px#0e0;}</style></head><body><formid="form1"runat="server"><divid="container"><inputtype="button"value="TestAjax"onclick="testGet()"/><br/></div><scripttype="text/javascript">functionsetContainer(text){document.getElementById("container").innerHTML+=(<br/>+text);}functiontestGet(){$.ajax({type:get,url:NormalPage.aspx,async:true,success:function(result){alert(result);},error:function(){setContainer(ERROR!);}});}</script></form></body></html>
NormalPage.aspx作为哀求页面，先不做任那边理。在Default.aspx页面中的JavaScript中能够看到testGet函数就使用jQuery的ajax向Normal.aspx发送了了一个get哀求，没写的参数利用jQuery默许参数，这个挪用没利用任何参数，复杂向Normal.aspx页面发送哀求，哀求乐成则alert全体response（即success办法参数：result，jQuery会把responseText传进success办法第一个参数），哀求失利则向DIV中增加一行毛病提醒文本。假如统统一般，能够看到页面弹出对话框，对话框内内容便是Normal.aspx页面内容
一个复杂的get哀求完成了，如许的了局一样平常没有多年夜用途，也不是ajax企图地点，利用Ajax次要是想利用JavaScript能够异步向服务器发送特定哀求，猎取服务器相干数据，好比向服务器扣问天色，然后取得天色数据，更新页面，而不是猎取全部页面，换句话说，利用Ajax自己就是为了挣脱更新全部页面来更新页面数据这类形式，仅仅必要服务器给我们数据便可，这就必要挪用服务器真个特定办法。
$.ajaxGET哀求挪用服务器特定办法
我们这时候候必要修正NormalPage.aspx，为其增加几个办法供Default.aspx测试挪用
- usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;namespaceWeb{publicpartialclassNormalPage:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){stringaction=Request.QueryString["action"];Response.Clear();//扫除一切之宿世成的Response内容if(!string.IsNullOrEmpty(action)){switch(action){case"getTime":Response.Write(GetTime());break;case"getDate":Response.Write(GetDate());break;}}Response.End();//中断Response后续写进举措，包管Response内只要我们写进内容}privatestringGetDate(){returnDateTime.Now.ToShortDateString();}privatestringGetTime(){returnDateTime.Now.ToShortTimeString();}}}
然后为Default.aspx增加一个新的办法，并修正button的onclick办法为新写的函数
- functiontestGet2(){$.ajax({type:get,url:NormalPage.aspx,async:true,data:{action:getTime},success:function(result){setContainer(result);},error:function(){setContainer(ERROR!);}});}
testGet2函数是在testGet函数的基本上做了些许修正，起首对success办法做了变动，把失掉的response写到页面；然后对哀求增加了data参数，哀求向服务器发送了一个action：getTime的键值对，在get哀求中jQuery会把此参数转为url的参数，下面写法和这类写法效果一样
- functiontestGet3(){$.ajax({type:get,url:NormalPage.aspx？action=getTime,async:true,success:function(result){setContainer(result);},error:function(){setContainer(ERROR!);}});}
看一下实行效果，这是Chrome的监督了局
假如调试我们发明这个哀求挪用的服务器页面NormalPage.aspx的GETime办法，而且response中只包括对有效的数据，假如把哀求中参数的值改成getDate，那末就会挪用对应GetDate办法。
$.ajaxPOST与json
如许向一个页面发送哀求然后在Load事务处置程序中依据参数挪用分歧办法，扫除Response，写进Response，停止Response，并且传进的参数范围性太年夜，好专业的赶脚，看看专业些办理办法。为project增加一个GeneralHandler范例文件，关于HttpHandler相干内容本文不做具体注释，只需晓得它能够十分轻量级的处置HTTP哀求，不必走烦琐的页面熟命周期处置各类非必须数据。
Handler.ashx.cs
- usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingNewtonsoft.Json;namespaceWeb{///<summary>///SummarydescriptionforHandler///</summary>publicclassHandler:IHttpHandler{publicvoidProcessRequest(HttpContextcontext){Studentstu=newStudent();intId=Convert.ToInt32(context.Request.Form["ID"]);if(Id==1){stu.Name="Byron";}else{stu.Name="Frank";}stringstuJsonString=JsonConvert.SerializeObject(stu);context.Response.Write(stuJsonString);}publicboolIsReusable{get{returnfalse;}}}}
关于这个类语法本文不做具体申明，每次倡议HTTP哀求ProcessRequest办法城市被挪用到，Post范例哀求参数和几回再三Request对象的Form中获得，每次依据参数ID值前往对应json对象字符串，为了展现json格局数据交互，必要为项目引进json.net这一开源类库处置对象序列化反序列化成绩，然后创立一个Student类文件
Student.cs
- usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;namespaceWeb{publicclassStudent{publicintID{get;set;}publicstringName{get;set;}}}
看看页面怎样处置
- functiontestPost(){$.ajax({type:post,url:Handler.ashx,async:true,data:{ID:1},success:function(result){setContainer(result);varstu=eval((+result+));setContainer(stu.ID);setContainer(stu.Name);},error:function(){setContainer(ERROR!);}});}
了局是这个模样的
下面代码向Handler.ashx发送一Post哀求，比且带有参数{ID:’1’},能够看到了局，假如用调试工具能够发明，失掉的result是一个json格局的字符串，也就是往Response写的对象序列化后的了局。如许就完成了对照专业些的体例挪用Ajax，可是有一个成绩仍旧存在，HttpHandler会主动挪用ProcessRequest办法，可是也只能挪用该办法，假如想挪用分歧办法只能像一般页面那样传送一个参数标明挪用哪一个办法，大概写分歧的Handler文件。
WebService与ScriptManager
微软一直很知心，看看微软怎样处置下面的狐疑，那就是使用WebService，WebService共同SCriptManager有客户端挪用的才能，在项目中增加一个Webservice文件
WebService.asmx
- usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.Services;namespaceWeb{///<summary>///SummarydescriptionforWebService///</summary>[WebService(Namespace="http://tempuri.org/")][WebServiceBinding(ConformsTo=WsiProfiles.BasicProfile1_1)][System.ComponentModel.ToolboxItem(false)]//ToallowthisWebServicetobecalledfromscript,usingASP.NETAJAX,uncommentthefollowingline.[System.Web.Script.Services.ScriptService]publicclassWebService:System.Web.Services.WebService{[WebMethod]publicStudentGetStudent(intID){if(ID==1){returnnewStudent(){ID=1,Name="Byron"};}else{returnnewStudent(){ID=2,Name="Frank"};}}
publicstringGetDateTime(boolisLong)
{
if(isLong)
{
returnDateTime.Now.ToLongDateString();
}
else
{
returnDateTime.Now.ToShortDateString();
}
}
代码中加黄的code默许是被正文失落的，要想让客户端挪用必要把正文往失落，Service中界说了两个办法，写个测试办法让客户端挪用第一个办法依据参数前往对应对象，起首必要在页面from内加上ScriptManager，援用方才写的WebService文件
Default.aspx
- <formid="form1"runat="server"><asp:ScriptManagerID="clientService"runat="server"><Services><asp:ServiceReferencePath="~/WebService.asmx"/></Services></asp:ScriptManager><divid="container"><inputtype="button"value="TestAjax"onclick="testPost2()"/><br/></div>...
然后增加JavaScript测试代码
- usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;namespaceWeb{publicpartialclassNormalPage:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){stringaction=Request.QueryString["action"];Response.Clear();//扫除一切之宿世成的Response内容if(!string.IsNullOrEmpty(action)){switch(action){case"getTime":Response.Write(GetTime());break;case"getDate":Response.Write(GetDate());break;}}Response.End();//中断Response后续写进举措，包管Response内只要我们写进内容}privatestringGetDate(){returnDateTime.Now.ToShortDateString();}privatestringGetTime(){returnDateTime.Now.ToShortTimeString();}}}0
测试代码中必要显现誊写WebService界说办法完全路径，WebService定名空间.WebService类名.办法名，而收支的参数列表前几个是挪用办法的参数列表，由于GetStudent只要一个参数，以是只写一个，假如有两个参数就按次写两个，别的两个参数能够很分明看出来是呼应乐成/失利处置程序。看看实行了局：
察看细心会发明利用ScriptManager和WebService组合有福利，在WebService中传回Student对象的时分并没有序列化成字符串，而是间接前往，看下面图发明对象已主动转换为一json对象，result了局能够间接操纵，果然十分知心。而上一个例子中我们失掉的response是一个json字符串，在客户端必要用eval使其转换为json对象。
ScriptManager+WebSefvice挪用ajax带来了很年夜的便当性，但同时就义了良多天真性，我们没法像jQuery那样指定良多设置有无一举两得的举措呢
$.ajax+WebService
jQuery挪用Handler几近完善了，可是不克不及处置多个办法，下面例子我们能够发明WebService能够完成这一功效，那末能不克不及jQUery挪用WebService的分歧办法呢？谜底是一定的，试一试用jQuery挪用方才WebService界说的第二个办法。写一个测试函数
- usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;namespaceWeb{publicpartialclassNormalPage:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){stringaction=Request.QueryString["action"];Response.Clear();//扫除一切之宿世成的Response内容if(!string.IsNullOrEmpty(action)){switch(action){case"getTime":Response.Write(GetTime());break;case"getDate":Response.Write(GetDate());break;}}Response.End();//中断Response后续写进举措，包管Response内只要我们写进内容}privatestringGetDate(){returnDateTime.Now.ToShortDateString();}privatestringGetTime(){returnDateTime.Now.ToShortTimeString();}}}1
挪用体例没有多年夜变更，复杂仍旧，只需把URL改成WebService路径+必要挪用的办法名，然后把参数放到data里就能够了。我们看看了局：
我之所以想学。NET，是因为一直觉的BILLGATES好厉害，希望有一天能去微软，虽然现在还距离遥远，呵呵:) |
|
|Archiver|手机版|仓酷云
鄂ICP备14007578号-2
窥视卡
雷达卡
发表于 2015-1-18 11:16:06
收藏
转播
分享
淘帖
顶
踩
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
发表于 2015-1-20 18:59:39
HP的全名非常有趣，它是一个巢状的缩写名称——“PHP:HypertextPreprocessor”，打开缩写还是缩写。PHP是一种HTML内嵌式的语言(就像上面讲的ASP那样)。而PHP独特的语法混合了C，Java，Perl以及PHP式的新语法。它可以比CGI或者Perl更快速地执行动态网页。