Jquery Ajax学习实例3 向WebService发出请求,调用方法返回数据
2010-03-16 00:00
1006 查看
一、WebService.asmx
处理业务数据,在GetWhether方法中产生天气情况数据,供JqueryRequest.aspx调用,代码如下:
二、AjaxRequest.aspx
通过点击按钮来请求WebService.asmx的GetWhether(string cityId)方法,获取天气数据。代码如下:
处理业务数据,在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学习实例3-向WebService发出请求,调用方法返回数据
- Jquery Ajax学习实例3 向WebService发出请求,调用方法返回数据
- Jquery Ajax学习实例5 向WebService发出请求,返回泛型集合数据的异步调用
- Jquery Ajax学习实例5-向WebService发出请求,返回泛型集合数据的异步调用
- Jquery Ajax学习实例5 向WebService发出请求,返回泛型集合数据的异步调用
- Jquery Ajax学习实例4-向WebService发出请求,返回实体对象的异步调用
- Jquery Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
- Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用
- Jquery Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
- Jquery Ajax学习实例6-向WebService发出请求,返回DataSet(XML) 异步调用
- Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用
- Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
- Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据
- Jquery Ajax学习实例1-向页面发出请求,返回XML格式数据
- Jquery Ajax学习实例2-向页面发出请求,返回JSon格式数据
- Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据
- Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
- jQuery Ajax 调用 WebService 返回数据表(DataTable)的方法
- jQuery Ajax 跨域下调用webservice返回jsonp格式数据实例
- 关于jquery ajax 调用带参数的webservice返回XML数据一个小细节