码迷,mamicode.com
首页 > Web开发 > 详细

ajax如何调用后台定义的方法

时间:2015-12-29 06:14:34      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:

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; 
  }); 
});

以上代码实现了我们所需要的功能,可以调用后台定义的函数。
代码非常简单这里就不多介绍俄,可以自行分析一下,或者跟帖留言。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9045

更多内容可以参阅:http://www.softwhy.com/jquery/

 

ajax如何调用后台定义的方法

标签:

原文地址:http://www.cnblogs.com/zhadanren/p/5084516.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!