AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

基于JavaScript如何实现ajax调用后台定义的方法

51自学网 http://www.wanshiok.com
ajax调用后台方法,js中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调用后台定义的方法先给大家介绍到这里,有哪里不明白的地方欢迎大家留言,谢谢。


ajax调用后台方法,js中ajax调用后台方法,ajax如何调用后台方法  
上一篇:javascript实现下拉提示选择框  下一篇:js+css简单实现网页换肤效果