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 相关文章推荐
javascript入门·对象属性方法大总结
Oct 01 Javascript
JavaScript原型继承之基础机制分析
Aug 26 Javascript
jQuery操作 input type=checkbox的实现代码
Jun 14 Javascript
js 立即调用的函数表达式如何写
Jan 12 Javascript
JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
Nov 10 Javascript
Underscore之Array_动力节点Java学院整理
Jul 10 Javascript
vue中的event bus非父子组件通信解析
Oct 27 Javascript
vuex实现的简单购物车功能示例
Feb 13 Javascript
vue2.0中set添加属性后视图不能更新的解决办法
Feb 22 Javascript
详解一个小实例理解js原型和继承
Apr 24 Javascript
用node.js写一个jenkins发版脚本
May 21 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
Jun 29 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
隐藏X-Space个人空间下方版权方法隐藏X-Space个人空间标题隐藏X-Space个人空间管理版权方法
2007/02/22 PHP
屏蔽机器人从你的网站搜取email地址的php代码
2012/11/14 PHP
PHP统计nginx访问日志中的搜索引擎抓取404链接页面路径
2014/06/30 PHP
jquery 多行滚动代码(附详细解释)
2010/06/17 Javascript
Js放到HTML文件中的哪个位置有什么区别
2013/08/21 Javascript
javascript页面上使用动态时间具体实现
2014/03/18 Javascript
AngularJS优雅的自定义指令
2016/07/01 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
2016/07/12 Javascript
AngularJS 模块化详解及实例代码
2016/09/14 Javascript
如何写好你的JavaScript【推荐】
2017/03/02 Javascript
ES6中参数的默认值语法介绍
2017/05/03 Javascript
在vue中高德地图引入和轨迹的绘制的实现
2019/10/11 Javascript
vue 插槽简介及使用示例
2020/11/19 Vue.js
[05:34]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY第二弹
2014/06/25 DOTA
python创建和使用字典实例详解
2013/11/01 Python
python文件和目录操作函数小结
2014/07/11 Python
跟老齐学Python之深入变量和引用对象
2014/09/24 Python
python基于BeautifulSoup实现抓取网页指定内容的方法
2015/07/09 Python
Python中操作符重载用法分析
2016/04/29 Python
TensorFlow dataset.shuffle、batch、repeat的使用详解
2020/01/21 Python
Python如何存储数据到json文件
2020/03/09 Python
PyCharm最新激活码PyCharm2020.2.3有效
2020/11/18 Python
LTD Commodities:礼品,独特发现,家居装饰,家用器皿
2017/08/11 全球购物
公务员年总结的自我评价
2013/10/25 职场文书
初中生个人学习的自我评价
2013/12/04 职场文书
电脑租赁公司创业计划书
2014/01/08 职场文书
更夫岗位责任制
2014/02/11 职场文书
政治表现评语
2014/05/04 职场文书
材料成型及控制工程专业求职信
2014/06/19 职场文书
国际贸易毕业生求职信
2014/07/20 职场文书
甲乙双方合作协议书
2014/10/13 职场文书
个人廉洁自律总结
2015/03/06 职场文书
2015年办公室文员工作总结
2015/04/24 职场文书
公司食堂管理制度
2015/08/05 职场文书
2016年感恩教师节活动总结
2016/04/01 职场文书
微软Win11什么功能最惊艳? Windows11新功能特性汇总
2021/11/21 数码科技