利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。
先来个简单的实例热热身吧。
1、无参数的方法调用
asp.net code：
[WebMethod]
public static string SayHello()
{
return "Hello Ajax!";
}
注意：1.方法一定要静态方法，而且要有[WebMethod]的声明
JQuery code：
//禁用按钮的提交
return false;
});
});
结果：
2、带参数的方法调用
asp.net code：
[WebMethod]
public static string GetStr(string str, string str2)
{
return str + str2;
}
JQuery code：
//禁用按钮的提交
return false;
});
});
运行结果：
下面进入高级应用罗
3、返回数组方法的调用
asp.net code：
[WebMethod]
public static List<string> GetArray()
{
List<string> li = new List<string>();
for (int i = 0; i < 10; i++)
li.Add(i + "");
return li;
}
JQuery code：
//递归获取数据
$(data.d).each(function() {
//插入结果到li里面
$("#list").append("<li>" + this + "</li>");
});
alert(data.d);
},
error: function(err) {
alert(err);
}
});
//禁用按钮的提交
return false;
});
});
运行结果：
4、返回Hashtable方法的调用
asp.net code：
[WebMethod]
public static Hashtable GetHash(string key,string value)
{
Hashtable hs = new Hashtable();
hs.Add("www", "yahooooooo");
hs.Add(key, value);
return hs;
}
JQuery code：
//禁用按钮的提交
return false;
});
});
运行结果：
5、操作xml
XMLtest.xml:
//禁用按钮的提交
return false;
});
});