基于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 相关文章推荐
jQuery 入门级学习笔记及源码
Jan 22 Javascript
javascript工厂方式定义对象
Dec 26 Javascript
JavaScript学习笔记整理_关于表达式和语句
Sep 19 Javascript
清除js缓存的多种方法总结
Dec 09 Javascript
基于bootstrap风格的弹框插件
Dec 28 Javascript
Vue.js render方法使用详解
Apr 05 Javascript
javascript深拷贝的原理与实现方法分析
Apr 10 Javascript
Centos6.8下Node.js安装教程
May 12 Javascript
JS库之Three.js 简易入门教程(详解之一)
Sep 13 Javascript
vue 弹框产生的滚动穿透问题的解决
Sep 21 Javascript
javascript实现放大镜功能
Dec 09 Javascript
关于Vue Router的10条高级技巧总结
May 06 Vue.js
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
杏林同学录(六)
2006/10/09 PHP
smarty简单入门实例
2014/11/28 PHP
浅谈使用PHP开发微信支付的流程
2015/10/04 PHP
PHP 访问数据库配置通用方法(json)
2018/05/20 PHP
基于PHP+mysql实现新闻发布系统的开发
2020/08/06 PHP
document.all与WEB标准
2020/05/13 Javascript
Prototype 学习 工具函数学习($w,$F方法)
2009/07/12 Javascript
用jQuery打造TabPanel效果代码
2010/05/22 Javascript
JavaScript面向对象的实现方法小结
2015/04/14 Javascript
JS中创建函数的三种方式及区别
2016/03/13 Javascript
JS 获取HTML标签内的子节点的方法
2016/09/21 Javascript
js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法
2016/11/21 Javascript
AngularJS报错$apply already in progress的解决方法分析
2017/01/30 Javascript
JS解析url查询参数的简单代码
2017/08/06 Javascript
使用express搭建一个简单的查询服务器的方法
2018/02/09 Javascript
postman+json+springmvc测试批量添加实例
2018/03/31 Javascript
countUp.js实现数字动态变化效果
2019/10/17 Javascript
使用JS监听键盘按下事件(keydown event)
2019/11/07 Javascript
vue实现图片裁剪后上传
2020/12/16 Vue.js
Python的Flask框架中Flask-Admin库的简单入门指引
2015/04/07 Python
在Django的模型中添加自定义方法的示例
2015/07/21 Python
Python基础篇之初识Python必看攻略
2016/06/23 Python
Python用模块pytz来转换时区
2016/08/19 Python
Python 实现一行输入多个值的方法
2018/04/21 Python
python多进程使用及线程池的使用方法代码详解
2018/10/24 Python
python 定义n个变量方法 (变量声明自动化)
2018/11/10 Python
Python描述符descriptor使用原理解析
2020/03/21 Python
python如何操作mysql
2020/08/17 Python
简单的命令查看安装的python版本号
2020/08/28 Python
HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)
2017/08/24 HTML / CSS
欧姆龙医疗欧洲有限公司:Omron Healthcare Europe B.V
2020/06/13 全球购物
节约粮食标语
2014/06/18 职场文书
关于美容院的活动方案
2014/08/14 职场文书
优秀共产党员演讲稿
2014/09/04 职场文书
MySQL为数据表建立索引的原则详解
2022/03/03 MySQL
Vue.js中v-bind指令的用法介绍
2022/03/13 Vue.js