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

相关文章

  • jquery聚焦文本框与扩展文本框聚焦方法

    jquery聚焦文本框与扩展文本框聚焦方法

    在不同的浏览器中,一个文本框,如果只是直接给文本框设置focus(),那么光标聚焦的位置可能是在最前面。下面的代码则是给jquery扩展一个textFocus方法
    2012-10-10
  • jquery处理json数据实例分析

    jquery处理json数据实例分析

    json数据是一种经型的实时数据交互的数据存储方法,使用到最多的应该是ajax与json配合使用了,下面我来给大家介绍jquery处理json数据方法。
    2014-06-06
  • jQuery查询数据返回object和字符串影响原因是什么

    jQuery查询数据返回object和字符串影响原因是什么

    查询数据返回object和字符串,导致这两种情况的原因是什么呢?在本文将为大家详细介绍下,具体祥看代码
    2013-08-08
  • jQuery实现列表的增加和删除功能

    jQuery实现列表的增加和删除功能

    这篇文章主要介绍了jQuery实现列表的增加和删除功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友参考下吧
    2018-06-06
  • Jquery实现鼠标移上弹出提示框、移出消失思路及代码

    Jquery实现鼠标移上弹出提示框、移出消失思路及代码

    具体思路为:.首先要定位实现这种效果的元素 ,本次通过class;如果是动态显示不同的提示内容,需设置title;通过JQ给定位到元素加上 mouseover 和mouseout 事件
    2013-05-05
  • jquery 可排列的表实现代码

    jquery 可排列的表实现代码

    jquery 可排列的表实现代码 在Table标签上设置 class="sortable" 且Table要设置ID.
    2009-11-11
  • jquery插件hiAlert实现网页对话框美化

    jquery插件hiAlert实现网页对话框美化

    hiAlert是一款基于jQuery的信息提示插件,它支持操作成功、操作失败和操作提醒三种信息提示方式。hiAlert浏览器兼容性非常好,支持更改提示内容,支持定位提示框的位置,可配置插件参数。
    2015-05-05
  • jQuery中$原理实例分析

    jQuery中$原理实例分析

    这篇文章主要介绍了jQuery中$原理,结合实例形式分析了jQuery中$的原理与运行机制,并具体分析了jQuery对象构造的具体原理,需要的朋友可以参考下
    2018-08-08
  • 如何确保JavaScript的执行顺序 之jQuery.html并非万能钥匙

    如何确保JavaScript的执行顺序 之jQuery.html并非万能钥匙

    在上一篇文章《如何确保JavaScript的执行顺序 - 之jQuery.html深度分析》中,我们揭示了jQuery.html函数之所以能在各种浏览器下保持动态JS顺序执行,其秘密在于 – 同步AJAX获取外部JavaScript。
    2011-03-03
  • jquery显示隐藏元素的实现代码

    jquery显示隐藏元素的实现代码

    下面小编就为大家带来一篇jquery显示隐藏元素的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05

最新评论