基于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 19 Javascript
JavaScript中var关键字的使用详解
Aug 14 Javascript
玩转NODE.JS(四)-搭建简单的聊天室的代码
Nov 11 Javascript
JavaScript构建自己的对象示例
Nov 29 Javascript
在JS中如何把毫秒转换成规定的日期时间格式实例
May 11 Javascript
webpack多页面开发实践
Dec 18 Javascript
AngularJS 应用模块化的使用
Apr 04 Javascript
react build 后打包发布总结
Aug 24 Javascript
VScode格式化ESlint方法(最全最好用方法)
Sep 10 Javascript
vue@cli3项目模板怎么使用public目录下的静态文件
Jul 07 Javascript
vue中jsonp插件的使用方法示例
Sep 10 Javascript
Javascript之datagrid查询详解
Sep 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自动生成月历代码
2006/10/09 PHP
用PHP编写PDF文档生成器
2006/10/09 PHP
php session 预定义数组
2009/03/16 PHP
PHP 编程安全性小结
2010/01/08 PHP
php 网上商城促销设计实例代码
2012/02/17 PHP
PHP实现限制域名访问的实现代码(本地验证)
2020/09/13 PHP
PHP中echo与print区别点整理
2021/03/09 PHP
jQuery源码分析-02正则表达式 RegExp 常用正则表达式
2011/11/14 Javascript
基于JQUERY的多级联动代码
2012/01/24 Javascript
js实现的捐赠管理完整实例
2015/01/20 Javascript
Javascript中的getUTCHours()方法使用详解
2015/06/10 Javascript
AngularJS实现与Java Web服务器交互操作示例【附demo源码下载】
2016/11/02 Javascript
利用浮层使select不可选的实现方法
2016/12/03 Javascript
JS函数基本定义与用法示例
2020/01/15 Javascript
JavaScript 实现继承的几种方式
2021/02/19 Javascript
[27:08]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第二场 11.21
2020/11/23 DOTA
Python 实现字符串中指定位置插入一个字符
2018/05/02 Python
Python Lambda函数使用总结详解
2019/12/11 Python
利用Python制作动态排名图的实现代码
2020/04/09 Python
浅析python 动态库m.so.1.0错误问题
2020/05/09 Python
python中if及if-else如何使用
2020/06/02 Python
在django中查询获取数据,get, filter,all(),values()操作
2020/08/09 Python
解决python3.x安装numpy成功但import出错的问题
2020/11/17 Python
Python try except finally资源回收的实现
2021/01/25 Python
CSS3制作精致的照片墙特效
2016/06/07 HTML / CSS
简单总结CSS3中视窗单位Viewport的常见用法
2016/02/04 HTML / CSS
英国品牌男装折扣网站:Brown Bag
2018/03/08 全球购物
Nisbets爱尔兰:英国最大的厨房和餐饮设备供应商
2019/01/26 全球购物
某/etc/fstab文件中的某行如下: /dev/had5 /mnt/dosdata msdos defaults,usrquota 1 2 请解释其含义
2013/04/11 面试题
外包公司软件测试工程师
2014/11/01 面试题
资深生产主管自我评价
2013/09/22 职场文书
对标管理实施方案
2014/03/12 职场文书
质量承诺书格式
2014/05/20 职场文书
政府班子四风问题整改措施思想汇报
2014/10/08 职场文书
罗马假日观后感
2015/06/08 职场文书
爱国教育主题班会
2015/08/14 职场文书