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


Posted in Javascript onDecember 29, 2015

由于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 相关文章推荐
javascript 出生日期和身份证判断大全
Nov 13 Javascript
js 实现无干扰阴影效果 简单好用(附文件下载)
Dec 27 Javascript
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
Mar 04 Javascript
js实现class样式的修改、添加及删除的方法
Jan 20 Javascript
利用yarn实现一个webpack+react种子
Oct 25 Javascript
jquery插件锦集【推荐】
Dec 16 Javascript
vue实现手机号码抽奖上下滚动动画示例
Oct 18 Javascript
jQuery实现的中英文切换功能示例
Jan 11 jQuery
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
Apr 04 Javascript
Vue组件间通信方法总结(父子组件、兄弟组件及祖先后代组件间)
Apr 17 Javascript
layer.open的自适应及居中及子页面标题的修改方法
Sep 05 Javascript
taro小程序添加骨架屏的实现代码
Nov 15 Javascript
js+css简单实现网页换肤效果
Dec 29 #Javascript
Jquery使用小技巧汇总
Dec 29 #Javascript
js为什么不能正确处理小数运算?
Dec 29 #Javascript
javascript从作用域链谈闭包
Jul 29 #Javascript
你有必要知道的25个JavaScript面试题
Dec 29 #Javascript
JavaScript仿支付宝密码输入框
Dec 29 #Javascript
js实现商城星星评分的效果
Dec 29 #Javascript
You might like
Php中用PDO查询Mysql来避免SQL注入风险的方法
2013/04/25 PHP
PHP-X系列教程之内置函数的使用示例
2017/10/16 PHP
jquery 弹出层注册页面等(asp.net后台)
2010/06/17 Javascript
jQuery 获取URL的GET参数值的小例子
2013/04/18 Javascript
JavaScript加强之自定义event事件
2013/09/21 Javascript
js截取固定长度的中英文字符的简单实例
2013/11/22 Javascript
jquery的live使用注意事项
2014/02/18 Javascript
用简洁的jQuery方法toggleClass实现隔行换色
2014/10/22 Javascript
jQuery 重复加载错误以及修复方法
2014/12/16 Javascript
javascript结合fileReader 实现上传图片
2015/01/30 Javascript
JavaScript中String.prototype用法实例
2015/05/20 Javascript
纯js实现瀑布流布局及ajax动态新增数据
2016/04/07 Javascript
Bootstrap的Refresh Icon也spin起来
2016/07/13 Javascript
JS正则子匹配实例分析
2016/12/22 Javascript
微信小程序网络请求wx.request详解及实例
2017/05/18 Javascript
JS使用正则表达式找出最长连续子串长度
2017/10/26 Javascript
深入理解Vue 单向数据流的原理
2017/11/09 Javascript
详解用JS添加和删除class类名
2019/03/25 Javascript
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
2020/08/06 Javascript
Python中MYSQLdb出现乱码的解决方法
2014/10/11 Python
python使用wxPython打开并播放wav文件的方法
2015/04/24 Python
Python代码解决RenderView窗口not found问题
2016/08/28 Python
django1.8使用表单上传文件的实现方法
2016/11/04 Python
python3.5 + PyQt5 +Eric6 实现的一个计算器代码
2017/03/11 Python
Python绑定方法与非绑定方法详解
2017/08/18 Python
JS设计模式之责任链模式实例详解
2018/02/03 Python
Python3安装Pillow与PIL的方法
2019/04/03 Python
python实现随机漫步方法和原理
2019/06/10 Python
canvas拼图功能实现代码示例
2018/11/21 HTML / CSS
高品质和独特的产品世界:Creations and Collections
2018/01/07 全球购物
俄罗斯在线大型超市:ТутПросто
2021/01/08 全球购物
如何查看在weblogic中已经发布的EJB
2012/06/01 面试题
法英专业大学生职业生涯规划书范文
2014/09/22 职场文书
工作失职造成投诉的检讨书范文
2014/10/05 职场文书
学校食堂食品安全承诺书
2015/04/29 职场文书
先进个人主要事迹范文
2015/11/04 职场文书