基于JavaScript如何实现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调用后台定义的方法先给大家介绍到这里，有哪里不明白的地方欢迎大家留言，谢谢。

您可能感兴趣的文章:

• js ajax加载时的进度条代码
• 使用Jquery+Ajax+Json如何实现分页显示附JAVA+JQuery实现异步分页
• 实例详解angularjs和ajax的结合使用
• Javascript基于AJAX回调函数传递参数实例分析
• js实现对ajax请求面向对象的封装
• JavaScript jquery及AJAX小结
• JavaScript、jQuery与Ajax的关系
• JavaScript学习总结之JS、AJAX应用
• 原生JavaScript实现Ajax的方法