下面是个简单易学的Jquery Ajax学习实例3 向WebService发出请求调用方法返回数据教程,小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!
一、
处理业务数据,在GetWhether方法中产生天气情况数据,供调用,代码如下:
代码如下:
[]
public class WebService : {
public WebService () {
//如果使用设计的组件,请取消注释以下行
//InitializeComponent();
}
[WebMethod]
public string GetWhether(string cityId)
{
Random r = new Random();
int degree = ();
string wInfo = ("Today {0}s temperature is {1} degrees", cityId, degree);
return wInfo;
}
}
二、
通过点击按钮来请求的GetWhether(string cityId)方法,获取天气数据。代码如下:
代码如下:
html xmlns=""
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"
style="; ;" /
/div
div
sd
/div
div
script type="text/javascript" language="javascript"
function BtnCity_Click() {
var city = $("#Text1").val();
$.ajax({
url: "/GetWhether",
data: { cityId: city },
type: "post",
success: function(data, status) {
$("#dd").html("h1天气情况:" + + "/h1");
}
});
}
/script
/div
/form
/body
/html