基于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的trim,ltrim,rtrim自定义函数
Sep 21 Javascript
页面只能打开一次Cooike如何实现
Dec 04 Javascript
js中parseFloat(参数1,参数2)定义和用法及注意事项
Jan 27 Javascript
js淡入淡出的图片轮播效果代码分享
Aug 24 Javascript
node.js 中国天气预报 简单实现
Jun 06 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
Aug 28 Javascript
Angular2搜索和重置按钮过场动画
May 24 Javascript
Angular2管道Pipe及自定义管道格式数据用法实例分析
Nov 29 Javascript
Vue 引入AMap高德地图的实现代码
Apr 29 Javascript
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
Dec 02 Vue.js
微信小程序实现聊天室功能
Jun 14 Javascript
Node实现搜索框进行模糊查询
Jun 28 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
PHP4与PHP5的时间格式问题
2008/02/17 PHP
递归删除一个节点以及该节点下的所有节点示例
2014/03/19 PHP
如何用PHP做到页面注册审核
2017/03/02 PHP
PHP实现的超长文本分页显示功能示例
2018/06/04 PHP
Django中通过定时任务触发页面静态化的处理方式
2018/08/29 PHP
javascript获取checkbox复选框获取选中的选项
2014/08/12 Javascript
js实现简单鼠标跟随效果的方法
2015/04/10 Javascript
javascript显式类型转换实例分析
2015/04/25 Javascript
jQuery+HTML5美女瀑布流布局实现方法
2015/09/21 Javascript
谈谈AngularJs中的隐藏和显示
2015/12/09 Javascript
js 声明数组和向数组中添加对象变量的简单实例
2016/07/28 Javascript
微信小程序 教程之条件渲染
2016/10/18 Javascript
js点击任意区域弹出层消失实现代码
2016/12/27 Javascript
vue双向绑定简要分析
2017/03/23 Javascript
jquery中封装函数传递当前元素的方法示例
2017/05/05 jQuery
ionic2屏幕适配实现适配手机、平板等设备的示例代码
2017/08/11 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
2017/08/15 Javascript
LayUi中接口传数据成功,表格不显示数据的解决方法
2018/08/19 Javascript
layui默认选中table的CheckBox复选框方法
2019/09/19 Javascript
jQuery实现飞机大战小游戏
2020/07/05 jQuery
JS+Canvas实现五子棋游戏
2020/08/26 Javascript
Python isinstance判断对象类型
2008/09/06 Python
详解Python中列表和元祖的使用方法
2015/04/25 Python
python基础_文件操作实现全文或单行替换的方法
2017/09/04 Python
基于python进行抽样分布描述及实践详解
2019/09/02 Python
python基本算法之实现归并排序(Merge sort)
2020/09/01 Python
利用HTML5绘制点线面组成的3D图形的示例
2015/05/12 HTML / CSS
俄罗斯厨房产品购物网站:COOK HOUSE
2021/03/15 全球购物
机械专业应届生求职信
2013/09/21 职场文书
客服专员岗位职责
2014/02/28 职场文书
我与祖国共奋进演讲稿
2014/09/13 职场文书
职工宿舍管理制度
2015/08/05 职场文书
《黄山奇石》教学反思
2016/02/18 职场文书
CSS3通过var()和calc()函数实现动画特效
2021/03/30 HTML / CSS
Nginx文件已经存在全局反向代理问题排查记录
2022/07/15 Servers