基于JavaScript如何实现ajax调用后台定义的方法
更新时间:2015年12月29日 10:31:46 作者:gogoggo
由于ajax的独特优势,使得它在当前大量网站得到了广泛的应用,下面就介绍一下ajax如何调用后台定义的函数,对ajax调用后台方法相关知识感兴趣的朋友一起学习吧
由于ajax的独特优势,使得它在当前大量网站得到了广泛的应用,下面就介绍一下ajax如何调用后台定义的函数,虽然比较简单,不过希望能够给初学者带来一定的帮助,代码如下:
1.首先我们先创建一个antzone.aspx页面。
2.在它的cs文件中创建如下函数:
public static string mytest(string first, string second)
{
return return first+second;
}
2.html代码如下:
<form id="myform" runat="server"> <div> <asp:Button ID="bt" runat="server" Text="点击测试" /> </div> </form>
3.javascript代码如下:
$(function(){
$("#bt").click(function(){
$.ajax({
type:"Post",
url:"antzone.aspx/mytest",
data:"{'first':'蚂蚁部落','second':'欢迎您'}",
contentType:"application/json;charset=utf-8",
dataType:"json",
success:function(data){
//返回的数据用data.d获取内容
alert(data.d);
},
error:function(err){
alert(err);
}
});
//禁用按钮的提交
return false;
});
});
以上代码实现了我们所需要的功能,可以调用后台定义的函数。基于jQuery如何实现ajax调用后台定义的方法先给大家介绍到这里,有哪里不明白的地方欢迎大家留言,谢谢。
相关文章
如何确保JavaScript的执行顺序 之jQuery.html并非万能钥匙
在上一篇文章《如何确保JavaScript的执行顺序 - 之jQuery.html深度分析》中,我们揭示了jQuery.html函数之所以能在各种浏览器下保持动态JS顺序执行,其秘密在于 – 同步AJAX获取外部JavaScript。2011-03-03


最新评论