jquery ajax 简单范例(界面+后台)


Posted in Javascript onNovember 19, 2013

界面:

<script> 
$(document).ready(function () { 
$("#b01").click(function () { 
htmlobj = $.ajax({ url: "/Content/upFile/测试.txt", async: false }); 
$("#div01").html(htmlobj.responseText); 
}); 
}); $(document).ready(function () { 
$("#test").load("/Content/upFile/测试2.txt #p1", function (responseTxt, statusTxt, xhr) { 
if (statusTxt == "success") 
alert("外部内容加载成功!" + xhr); 
if (statusTxt == "error") 
alert("Error: " + xhr.status + ": " + xhr.statusText); 
}); 
}); 
$(document).ready(function () { 
$("#getbutton").click(function () { 
$.get("/DownSet/index", function (data, status) { 
alert("数据:" + data + "\n状态:" + status); 
}); 
}); 
}); 
$(document).ready(function () { 
$("#postbutton").click(function () { 
$.get("/CustomerInformation/getS", { par: "ww" }, function (data, status) { 
alert("数据:" + data + "\n状态:" + status); 
$("#postText").html(data); 
}); 
}); 
}); 
</script> 
<div id="div04"> 
<h2 id="postText">post方法加载文本后 会在这里显示</h2> 
<input type="button" value="post方法获取" id="postbutton" /> 
</div> 
<div id="div03"> 
<h2 id="getText">get方法加载文本后 会在这里显示</h2> 
<input type="button" value="get方法获取" id="getbutton" /> 
</div> 
<div id="div02"> 
<h2>jquery load方法加载的显示在这里</h2> 
<h2 id="test">加载文本后 会在这里显示</h2> 
</div> 
<div id="div01"> 
<h2>加载文本后 会在这里显示</h2> 
</div> 
<p> 
<input type="button" value="加载文本" id="b01"/> 
</p>

后台:
public string getS(string par) 
{ 
string content = ""; 
if (par.Equals("ww")) 
{ 
content = "cheng gong le"; 
} 
else 
{ 
content = "shi bai le"; 
} 
return content; 
}
Javascript 相关文章推荐
JSON 学习之完全手册 图文
May 29 Javascript
js静态方法与实例方法分析
Jul 04 Javascript
Javascript继承(上)——对象构建介绍
Nov 08 Javascript
js修改table中Td的值(定义td的单击事件)
Jan 10 Javascript
js脚本分页代码分享(7种样式)
Aug 19 Javascript
JS模拟按钮点击功能的方法
Dec 22 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
Jan 06 Javascript
JavaScript中的跨浏览器事件操作的基本方法整理
May 20 Javascript
jQuery扇形定时器插件pietimer使用方法详解
Jul 18 jQuery
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
Dec 06 jQuery
jQuery实现简单弹幕效果
Nov 28 jQuery
如何基于filter实现网站整体变灰功能
Apr 17 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
Nov 19 #Javascript
简单时间提示DEMO从0开始一直进行计时
Nov 19 #Javascript
鼠标滑在标题上显示图片的JS代码
Nov 19 #Javascript
JS简单实现登陆验证附效果图
Nov 19 #Javascript
JS随机漂浮广告代码具体实例
Nov 19 #Javascript
JS简单实现元素复制示例附图
Nov 19 #Javascript
js获取当月最后一天实例代码
Nov 19 #Javascript
You might like
消息持续发送的完整例子
2006/10/09 PHP
有关 PHP 和 MySQL 时区的一点总结
2008/03/26 PHP
PHP中对用户身份认证实现两种方法
2011/06/04 PHP
PHP实现下载功能的代码
2012/09/29 PHP
基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
使用vs code编辑调试php配置的方法
2019/01/29 PHP
win10下 php安装seaslog扩展的详细步骤
2020/12/04 PHP
扩展String功能方法
2006/09/22 Javascript
用js实现随机返回数组的一个元素
2007/08/13 Javascript
javascript Window及document对象详细整理
2011/01/12 Javascript
jquery 追加tr和删除tr示例代码
2013/09/12 Javascript
javascript面向对象之定义成员方法实例分析
2015/01/13 Javascript
EasyUi combotree 实现动态加载树节点
2016/04/01 Javascript
微信JS-SDK坐标位置如何转换为百度地图坐标
2016/07/04 Javascript
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
2017/03/15 Javascript
Bootstrap 设置datetimepicker在屏幕上面弹出设置方法
2017/03/21 Javascript
JS 实现分页打印功能
2018/05/16 Javascript
vue框架搭建之axios使用教程
2018/07/11 Javascript
VUE实现移动端列表筛选功能
2019/08/23 Javascript
vue插件--仿微信小程序showModel实现模态提示窗功能
2020/08/19 Javascript
用Python编写脚本使IE实现代理上网的教程
2015/04/23 Python
Python多线程爬虫简单示例
2016/03/04 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
基于Django contrib Comments 评论模块(详解)
2017/12/08 Python
Python实现简单的语音识别系统
2017/12/13 Python
Python星号*与**用法分析
2018/02/02 Python
Python使用ffmpy将amr格式的音频转化为mp3格式的例子
2019/08/08 Python
python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧装饰器信号与槽详细使用方法与实例
2020/03/06 Python
关于python3.9安装wordcloud出错的问题及解决办法
2020/11/02 Python
Expedia西班牙:预订酒店、机票、旅行和廉价度假套餐
2019/04/10 全球购物
Opodo意大利:欧洲市场上领先的在线旅行社
2019/10/24 全球购物
如何向接受结构参数的函数传入常数值
2016/02/17 面试题
幼儿园实习生辞职信
2014/01/20 职场文书
计算机个人求职信范例
2014/01/24 职场文书
2016春节放假通知范文
2015/08/18 职场文书
Dashboard管理Kubernetes集群与API访问配置
2022/04/01 Servers