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

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 runat="server">
<div>
<input type="text"/><br />
<input type="text"/>
<br />
<input type="button"
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>

您可能感兴趣的文章：
Jquery Ajax学习实例3 向WebService发出请求，调用方法返回数据
Jquery Ajax学习实例6 向WebService发出请求，返回DataSet(XML) 异步调用
Jquery Ajax学习实例4 向WebService发出请求，返回实体对象的异步调用
Jquery Ajax学习实例5 向WebService发出请求，返回泛型集合数据的异步调用
jQuery中调用WebService方法小结
从Ajax到JQuery Ajax学习
jQuery调用WebService的实现代码
Jquery Ajax学习实例向页面发出请求，返回XML格式数据
jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码