全职妈妈一名,好久好久没摆弄技术活了,最近无聊开始写写小程序,不规范见谅。
想在ajax里调用webservice,自己折腾了一会儿发现其实很简单,网上写的好复杂啊!用个例子记录下,老样子,AJAX校验用户名是否存在,用户信息放在xml文件里,校验的方法写在webservice里,有些多此一举哈,能说明问题就行。
首先编写webservice,来个简单的,只有一个方法
[WebMethod]
public string CheckUser(string UserName)
{
string result = null;
XmlDocument xmldoc = new XmlDocument();
xmldoc.Load(System.Web.HttpContext.Current.Server.MapPath("XMLData/User.xml"));
string path = "//USER[NAME[text()='" + UserName + "']]";
XmlNode xmlnote = xmldoc.SelectSingleNode(path);
if (xmlnote == null){
result = "false";
}
else{
result = "true";
}
return result;
}
要保证取消[System.Web.Script.Services.ScriptService]的默认注释,不然webservice不允许JS调用。
然后aspx文件里申明一下这个webservice
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
<Services>
<asp:ServiceReference Path="~/WebService.asmx" />
</Services>
</asp:ToolkitScriptManager>
接下来在JS里就可以调用了,非常简单。
var username = document.getElementById("UserName").value;
WebService.CheckUser(username, onSucceeded, onFailed, "checkuser");
设置好回调函数,在onSuceeded里写检验结果代码,“checkuser”是个传入的常量值,表示你校验的是用户名,有多个校验时可用它标识。
function onSucceeded(result, context) {
var message = "";
if (context == "checkuser" && result == "false") {
message = "用户名不存在";
}
if (context == "checklogin" && result == "false") {
message = "密码错误";
}
document.getElementById("Message").innerHTML = message;
}
function onFailed(result, context) {
document.getElementById("Message").innerHTML = "调用webservice错误";
}
在网页上用个div来展示消息
<div id="Message" class="message"></div>
OK,大功告成。