基于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 撑出页面文字换行
Jun 15 Javascript
jquery创建一个ajax关键词数据搜索实现思路
Feb 26 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
May 07 Javascript
JS案例分享之金额小写转大写
May 15 Javascript
Javascript常用小技巧汇总
Jun 24 Javascript
js老生常谈之this,constructor ,prototype全面解析
Apr 05 Javascript
AngularJS入门教程之XHR和依赖注入详解
Aug 18 Javascript
JS实现拖动滚动条评分的效果代码分享
Sep 29 Javascript
Vue.js组件间的循环引用方法示例
Dec 27 Javascript
微信小程序发送短信验证码完整实例
Jan 07 Javascript
JavaScript实现星级评价效果
May 17 Javascript
JS实现随机抽选获奖者
Nov 07 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字符串中特殊符号的过滤方法介绍
2014/02/18 PHP
php绘制一条直线的方法
2015/01/24 PHP
Zend Framework生成验证码并实现验证码验证功能(附demo源码下载)
2016/03/22 PHP
简单谈谈PHP中的include、include_once、require以及require_once语句
2016/04/23 PHP
php表单处理操作
2017/11/16 PHP
php使用imagecopymerge()函数创建半透明水印
2018/01/25 PHP
php-7.3.6 编译安装过程
2020/02/11 PHP
Firefox getBoxObjectFor getBoundingClientRect联系
2008/10/26 Javascript
jquery的index方法实现tab效果
2011/02/16 Javascript
DOM 事件流详解
2015/01/20 Javascript
js实现数字递增特效【仿支付宝我的财富】
2017/05/05 Javascript
node.js调用Chrome浏览器打开链接地址的方法
2017/05/17 Javascript
Vue.js鼠标悬浮更换图片功能
2017/05/17 Javascript
webpack 打包压缩js和css的方法示例
2018/03/20 Javascript
Vue点击切换颜色的方法
2018/09/13 Javascript
Vue的transition-group与Virtual Dom Diff算法的使用
2019/12/09 Javascript
使用Python脚本生成随机IP的简单方法
2015/07/30 Python
Python使用回溯法子集树模板解决爬楼梯问题示例
2017/09/08 Python
python机器学习案例教程——K最近邻算法的实现
2017/12/28 Python
IntelliJ IDEA安装运行python插件方法
2018/12/10 Python
Python数据可视化 pyecharts实现各种统计图表过程详解
2019/08/15 Python
python求加权平均值的实例(附纯python写法)
2019/08/22 Python
Python爬虫实现“盗取”微信好友信息的方法分析
2019/09/16 Python
Python 开发工具PyCharm安装教程图文详解(新手必看)
2020/02/28 Python
Python中使用filter过滤列表的一个小技巧分享
2020/05/02 Python
乌克兰香水和化妆品网站:Notino.ua
2018/03/26 全球购物
法国票务网站:Ticketmaster法国
2018/07/09 全球购物
新西兰廉价汽车租赁:Snap Rentals
2018/09/14 全球购物
意大利时尚奢侈品店:D’Aniello Boutique
2021/01/19 全球购物
既然说Ruby中一切都是对象,那么Ruby中类也是对象吗
2013/01/26 面试题
迟到早退检讨书
2014/02/10 职场文书
2014年后勤工作总结
2014/11/18 职场文书
学校德育工作总结2015
2015/05/11 职场文书
2015教师节通讯稿
2015/07/20 职场文书
神州牡丹园的导游词
2019/11/20 职场文书
一篇文章带你了解Python和Java的正则表达式对比
2021/09/15 Python