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

KALAVM

KALAVM

2016-02-19 13:44

下面是个简单易学的Jquery Ajax学习实例3 向WebService发出请求调用方法返回数据教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!
一、WebService.asmx
  处理业务数据,在GetWhether方法中产生天气情况数据,供JqueryRequest.aspx调用,代码如下:

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
[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)方法,获取天气数据。代码如下:

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
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 runat="server"
div
input type="text" name="Text1"/br /
input type="text" name="Text2"/
br /
input type="button" onclick="BtnCity_Click()"
style="width:55px; height:20px;" /
/div
div
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
展开更多 50%)
分享

猜你喜欢

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

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

Jquery Ajax学习实例6 向WebService发出请求返回DataSet(XML)

Web开发
Jquery Ajax学习实例6 向WebService发出请求返回DataSet(XML)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Jquery Ajax学习实例5 向WebService发出请求返回泛型集合数据

Web开发
Jquery Ajax学习实例5 向WebService发出请求返回泛型集合数据

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

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

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Jquery Ajax学习实例4 向WebService发出请求返回实体对象的异

Web开发
Jquery Ajax学习实例4 向WebService发出请求返回实体对象的异

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

Web开发
Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Win8系统如何将图片收藏到图片库

Win8系统如何将图片收藏到图片库

Excel 2010中撤消、恢复及重复操作

Excel 2010中撤消、恢复及重复操作
下拉加载更多内容 ↓