Jquery Ajax学习实例3 向WebService发出请求，调用方法返回数据

一、WebService.asmx 　　处理业务数据，在GetWhether方法中产生天气情况数据，供JqueryRequest.aspx调用，代码如下: 复制代码代码如下: [System.Web.Script.Services.ScriptService] public class WebService : System.Web.Services.WebService { public WebService () { //如果使用设计的组件，请取消注释以下行 //InitializeComponent(); } [WebMethod] public string GetWhether(string cityId) { Random r = new Random(); int degree = r.Next(100); string wInfo = string.Format("Today {0}'s temperature is {1} degrees", cityId, degree); return wInfo; } } 二、AjaxRequest.aspx 　　通过点击按钮来请求WebService.asmx的GetWhether(string cityId)方法，获取天气数据。代码如下：复制代码代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript" language="javascript" src="js/jquery-1.3.2.js"></script> </head> <body> <form id="form1" runat="server"> <div> <input type="text" name="Text1" id="Text1"/><br /> <input type="text" name="Text2" id="Text2"/> <br /> <input type="button" id="btn1" onclick="BtnCity_Click()" style="width:55px; height:20px;" /> </div> <div id="dd"> sd </div> <div> <script type="text/javascript" language="javascript"> function BtnCity_Click() { var city = $("#Text1").val(); $.ajax({ url: "WebService.asmx/GetWhether", data: { cityId: city }, type: "post", success: function(data, status) { $("#dd").html("<h1>天气情况:" + data.childNodes[1].text + "</h1>"); } }); } </script> </div> </form> </body> </html>

　　推荐阅读

　　Jquery Ajax学习实例向页面发出请求，返回XML格式数据

一、AjaxSample.aspx 处理业务数据，产生XML数据，供JqueryRequest.aspx调用，代码如下: 复制代码代码如下: protected void Page_Load(object sender, EventArgs e) { string uid = Request.QueryString["usernam>>>详细阅读

本文标题：Jquery Ajax学习实例3 向WebService发出请求，调用方法返回数据

地址：http://www.17bianji.com/kaifa2/JS/26860.html

1/2 1