Asp.net Ajax:我可以用javascript做些什么？
点击次数：18 次 发布日期：2008-11-26 10:33:39 作者：源代码网
|
源代码网推荐 一直在关注AjaxControlToolkit的变化，期待着随着时间的推移这个工具包会日臻完善，不过就实际项目中应用的效果来讲，还是有点失望的。问题最多的两个控件是ModalPopup和Slider. AjaxControlToolkit的BUG改进显然没有我期望的那么快，最新版本里面是这样说的： Version 1.0.11119.0 for ASP.NET AJAX version 1.0 and .NET Framework 2.0 (No changes from 1.0.10920) 问题总要解决，生活还在继续，既然AjaxControlToolkit差强人意 那就回头看看基于Asp.net Ajax框架我们直接使用脚本可以做什么？ 源代码网推荐 源代码网推荐 翻看Ajax客户端的文档，的确要是看完也需些时日了，不禁想起《神雕侠侣》中小龙女和杨过被李莫愁点穴困于墓室里突然看到《九阴真经》： 她转念又想：“我纵然通了穴道，但打不过师姊，仍是无用。”当即细看室顶经文，要找一门即知即用的武功，一出手就将李莫愁制住，但约略瞥去，每一项皆是艰深繁复，料想就算是最易的功夫，也须数十日方能练成... ...” 源代码网推荐 源代码网推荐 源代码网推荐 是的，就如《九阴真经》，文档有时间一定要好好研习，如果没有足够的时间，最好能沿着一条脉络抽取出自己所需； 源代码网推荐 源代码网推荐 本文简单描述了： 源代码网推荐 1.javascript 如何调用WebService 源代码网推荐 2.javascript 如何调用服务器端方法 源代码网推荐 3.javascript 如何用POST方式向服务器端提交数据 源代码网推荐 4.javascript 如何用Get方式向服务器端提交数据 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 1.javascript 如何调用WebService 源代码网推荐 服务器端代码： 1 using System; 源代码网推荐 2 using System.Collections; 源代码网推荐 3 using System.Web; 源代码网推荐 4 using System.Web.Services; 源代码网推荐 5 using System.Web.Services.Protocols; 源代码网推荐 6 using System.Web.Script.Services; 源代码网推荐 7 源代码网推荐 8 /// <summary> 源代码网推荐 9 /// Summary description for WebService 源代码网推荐 10 /// </summary> 源代码网推荐 11 [WebService(Namespace = "http://tempuri.org/")] 源代码网推荐 12 [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] 源代码网推荐 13 [ScriptService] 源代码网推荐 14 public class WebService : System.Web.Services.WebService { 源代码网推荐 15 源代码网推荐 16 public WebService () { 源代码网推荐 17 源代码网推荐 18 //Uncomment the following line if using designed components 源代码网推荐 19 //InitializeComponent(); 源代码网推荐 20 } 源代码网推荐 21 源代码网推荐 22 [WebMethod] 源代码网推荐 23 public string HelloWorld(string user) { 源代码网推荐 24 return "<p style="backGround-color:red;">"+user+ " Hello World!</p>"; 源代码网推荐 25 } 源代码网推荐 26 源代码网推荐 27 } 源代码网推荐 28 源代码网推荐 29 源代码网推荐 客户端代码： 源代码网推荐 1 <script type="text/javascript"> 源代码网推荐 2 //下面的脚本调用WebService取回数据显示在webserviceDataDiv 源代码网推荐 3 function getDataFromWebService() 源代码网推荐 4 { 源代码网推荐 5 WebService.HelloWorld($get("Text1").value,OnGetDataFromWebServiceCompleted,null,null); 源代码网推荐 6 } 源代码网推荐 7 function OnGetDataFromWebServiceCompleted(data) 源代码网推荐 8 { 源代码网推荐 9 $get("webserviceDataDiv").innerHTML=data; 源代码网推荐 10 } 源代码网推荐 11 </script> 源代码网推荐 12 源代码网推荐 13 <script type="text/javascript"> 源代码网推荐 14 function getDataByServerMethod() 源代码网推荐 15 { 源代码网推荐 16 PageMethods.ShowDetailData($get("Text1").value,OnGetDataFromWebMethodCompleted); 源代码网推荐 17 } 源代码网推荐 18 function OnGetDataFromWebMethodCompleted(data) 源代码网推荐 19 { 源代码网推荐 20 $get("webserviceDataDiv").innerHTML=data; 源代码网推荐 21 } 源代码网推荐 22 </script> 源代码网推荐 23 源代码网推荐 24 <input id="Text1" type="text" value="me_sa" /> 源代码网推荐 25 <input id="Button3" type="button" value="GetDataFromWebService" onclick="getDataFromWebService();" /> 源代码网推荐 26 <div id="webserviceDataDiv"> 源代码网推荐 27 </div>如果你使用VS2008你可以得到这样的提示： 源代码网推荐 源代码网推荐 2.javascript 如何调用服务器端方法 源代码网推荐 服务器端代码： 源代码网推荐 1 using System; 源代码网推荐 2 using System.Configuration; 源代码网推荐 3 using System.Data; 源代码网推荐 4 using System.Web; 源代码网推荐 5 using System.Web.Security; 源代码网推荐 6 using System.Web.UI; 源代码网推荐 7 using System.Web.UI.HtmlControls; 源代码网推荐 8 using System.Web.UI.WebControls; 源代码网推荐 9 using System.Web.UI.WebControls.WebParts; 源代码网推荐 10 using System.Web.Services; 源代码网推荐 11 源代码网推荐 12 public partial class _Default : System.Web.UI.Page 源代码网推荐 13 { 源代码网推荐 14 protected void Page_Load(object sender, EventArgs e) 源代码网推荐 15 { 源代码网推荐 16 源代码网推荐 17 } 源代码网推荐 18 源代码网推荐 19 [WebMethod] 源代码网推荐 20 public static string ShowDetailData(string user) 源代码网推荐 21 { 源代码网推荐 22 return user+"你好!你知道下面的文字选自哪里么？<br/>"+ "郭靖知道师父虽然摔下，并不碍事，但欧阳锋若乘势追击，后着可凌厉之极，当下叫道：“看招！”左腿微屈，右掌划了个圆圈，平推出去，正是降龙十八掌中的“亢龙有悔”。这一招他日夕勤练不辍，初学时便已非同小可，加上这十余年苦功，实已到炉火纯青之境，初推出去时看似轻描淡写，但一遇阻力，能在刹时之间连加一十三道后劲，一道强似一道，重重叠叠，直是无坚不摧、无强不破。这是他从九阴真经中悟出来的妙境。纵是洪七公当年，单以这一招而论，也无如此精奥的造诣。"; 源代码网推荐 23 } 源代码网推荐 24 } 源代码网推荐 25 客户端代码： 源代码网推荐 1 <script type="text/javascript"> 源代码网推荐 2 //下面的脚本调用WebService取回数据显示在webserviceDataDiv 源代码网推荐 3 源代码网推荐 4 <script type="text/javascript"> 源代码网推荐 5 function getDataByServerMethod() 源代码网推荐 6 { 源代码网推荐 7 PageMethods.ShowDetailData($get("Text1").value,OnGetDataFromWebMethodCompleted); 源代码网推荐 8 } 源代码网推荐 9 function OnGetDataFromWebMethodCompleted(data) 源代码网推荐 10 { 源代码网推荐 11 $get("webserviceDataDiv").innerHTML=data; 源代码网推荐 12 } 源代码网推荐 13 </script> 源代码网推荐 14 源代码网推荐 15 <input id="Text1" type="text" value="me_sa" /> 源代码网推荐 16 <input id="Button3" type="button" value="GetDataFromWebService" onclick="getDataFromWebService();" /> 源代码网推荐 17 <input id="Button4" type="button" value="getDataByServerMethod" onclick="getDataByServerMethod();" /> 源代码网推荐 18 <div id="webserviceDataDiv"> 源代码网推荐 19 </div> 源代码网推荐 3.javascript 如何用POST方式向服务器端提交数据 4.javascript 如何用Get方式向服务器端提交数据 源代码网推荐 源代码网推荐 客户端： 源代码网推荐 源代码网推荐 源代码网推荐 1 <script type="text/javascript"> 源代码网推荐 2 //下面的代码使用Post和Get两种方式向服务器提交数据 源代码网推荐 3 //这里做了一个简单的重构，两种方式调用的时候只要传递HttpVerb就可以了 源代码网推荐 4 function getData(verb) 源代码网推荐 5 { 源代码网推荐 6 var webRequest=new Sys.Net.WebRequest(); 源代码网推荐 7 if (verb=="POST") 源代码网推荐 8 { 源代码网推荐 9 webRequest.set_url("ProcessRequest.aspx"); 源代码网推荐 10 } 源代码网推荐 11 else 源代码网推荐 12 { 源代码网推荐 13 webRequest.set_url("ProcessRequest.aspx?AID="+$get("aidTextbox").value); 源代码网推荐 14 } 源代码网推荐 15 webRequest.add_completed(OnCompleted); 源代码网推荐 16 源代码网推荐 17 webRequest.set_httpVerb(verb); 源代码网推荐 18 var requestBody="AID="+$get("aidTextbox").value; 源代码网推荐 19 webRequest.set_body(requestBody); 源代码网推荐 20 webRequest.get_headers()["Conten_Length"]=requestBody.length; 源代码网推荐 21 webRequest.invoke(); 源代码网推荐 22 } 源代码网推荐 23 function getDataByPost() 源代码网推荐 24 { 源代码网推荐 25 getData("POST"); 源代码网推荐 26 } 源代码网推荐 27 function getDataByGet() 源代码网推荐 28 { 源代码网推荐 29 getData("Get"); 源代码网推荐 30 } 源代码网推荐 31 //完成之后调用的参数 注意一下参数 源代码网推荐 32 function OnCompleted(executor,eventArgs) 源代码网推荐 33 { 源代码网推荐 34 if(executor.get_responseAvailable()) 源代码网推荐 35 { 源代码网推荐 36 $get("data").innerHTML=executor.get_responseData(); 源代码网推荐 37 } 源代码网推荐 38 } 源代码网推荐 39 </script> 源代码网推荐 40 源代码网推荐 41 <div id="data"> 源代码网推荐 42 </div> 源代码网推荐 43 <input id="aidTextbox" type="text" value="me_sa" /> 源代码网推荐 44 <input id="Button1" type="button" value="Post" onclick="javascript:getDataByPost();" /> 源代码网推荐 45 <input id="Button2" type="button" value="Get" onclick="javascript:getDataByGet();" /> 源代码网推荐 ProcessRequest.aspx服务器端代码： 源代码网推荐 1 using System; 源代码网推荐 2 using System.Collections; 源代码网推荐 3 using System.Configuration; 源代码网推荐 4 using System.Data; 源代码网推荐 5 using System.Web; 源代码网推荐 6 using System.Web.Security; 源代码网推荐 7 using System.Web.UI; 源代码网推荐 8 using System.Web.UI.HtmlControls; 源代码网推荐 9 using System.Web.UI.WebControls; 源代码网推荐 10 using System.Web.UI.WebControls.WebParts; 源代码网推荐 11 源代码网推荐 12 public partial class ProcessRequest : System.Web.UI.Page 源代码网推荐 13 { 源代码网推荐 14 protected void Page_Load(object sender, EventArgs e) 源代码网推荐 15 { 源代码网推荐 16 string temp = ""; 源代码网推荐 17 Response.Clear(); 源代码网推荐 18 if (!string.IsNullOrEmpty(Request.Form["AID"])) 源代码网推荐 19 { 源代码网推荐 20 temp =DateTime.Now.ToString()+ " POST过来的数据是：" + Request.Form["AID"].ToString(); 源代码网推荐 21 } 源代码网推荐 22 if (!string.IsNullOrEmpty(Request.QueryString["AID"])) 源代码网推荐 23 { 源代码网推荐 24 temp = DateTime.Now.ToString() + "GET过来的数据是：" + Request.QueryString["AID"].ToString(); 源代码网推荐 25 } 源代码网推荐 26 源代码网推荐 27 Response.Write(temp); 源代码网推荐 28 Response.End(); 源代码网推荐 29 源代码网推荐 30 } 源代码网推荐 31 } 源代码网推荐 32 源代码网推荐 就说这么多，代码下载地址：http://www.cnblogs.com/Files/me-sa/AjaxTest.rar 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 回头再说，现在开始...... 源代码网推荐 源代码网推荐 做人要厚道，请注明转自酷网动力(www.ASPCOOL.COM)。 源代码网推荐 源代码网供稿. |
