首先引用jquery到项目里。
<script src="../js/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
//准备ajax回调
function doAjax() {
//获取输入值
var name = document.getElementById('Text1').value;
var grade = document.getElementById('Text2').value;
$.ajax({
url: "/test/WebService1.asmx/WS2",
contentType: "application/json; charset=utf-8",
type: "POST",
dataType: "json",
data: "{s:'" + name + "',z:'" + grade + "'}",//传入数据为json形式,s和z为变量名与后台接收方法的变量参数名是一样的且一定要是一样的。
success: function(json) {
alert(json.d);//此处的json也可起其它名,json为返回对象;json.d为返回数据,
}
,
error: function(x, e) {
alert(x.responseText);
}
,
complete: function(x) {
alert(x.responseText);
}
});
}
</script>
若要ScriptService可用下面这句要添加到ScriptService里,
[System.Web.Script.Services.ScriptService]
[WebMethod]
[ScriptMethod(UseHttpGet = false)]
public string WS2(string s,string z)
{
string temp = "学校:" + s +","+"年级:"+z;
return temp;
}
此方法的s和z要和前台data里的s和z一样。
var json= eval('(' + string+ ')');//可以把数据由字符串转换成json形式