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实现轮显新闻标题链接
Aug 13 Javascript
Javascript 两个窗体之间传值实现代码
Sep 25 Javascript
Javascript基础教程之数据类型 (数值 Number)
Jan 18 Javascript
JavaScript插件化开发教程(五)
Feb 01 Javascript
jQuery+ajax实现无刷新级联菜单示例
May 21 Javascript
javascript冒泡排序小结
Apr 10 Javascript
chrome浏览器如何断点调试异步加载的JS
Sep 05 Javascript
jQuery实现简单弹窗遮罩效果
Feb 27 Javascript
vue axios用法教程详解
Jul 23 Javascript
vue中页面跳转拦截器的实现方法
Aug 23 Javascript
使用webpack搭建react开发环境的方法
May 15 Javascript
vue3.0生命周期的示例代码
Sep 24 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
PHP得到某段时间区间的时间戳 php定时任务
2012/04/12 PHP
ucenter中词语过滤原理分析
2016/07/13 PHP
深入理解PHP类的自动载入机制
2016/09/16 PHP
THINKPHP5分页数据对象处理过程解析
2020/10/28 PHP
JQuery与JS里submit()的区别示例介绍
2014/02/17 Javascript
javascript中CheckBox全选终极方案
2015/05/20 Javascript
JS实现从顶部下拉显示的带动画QQ客服特效代码
2015/10/24 Javascript
js判断当前页面在移动设备还是在PC端中打开
2016/01/06 Javascript
基于javascript实现图片切换效果
2016/04/17 Javascript
浅析函数声明和函数表达式——函数声明的声明提前
2016/05/03 Javascript
jquery动态遍历Json对象的属性和值的方法
2016/07/27 Javascript
php register_shutdown_function函数详解
2017/07/23 Javascript
详解webpack import()动态加载模块踩坑
2018/07/17 Javascript
关于angular 8.1使用过程中的一些记录
2020/11/25 Javascript
JavaScript实现滑块验证解锁
2021/01/07 Javascript
[01:10:58]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
[01:14:19]NAVI vs Mineski 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
解读Python中degrees()方法的使用
2015/05/18 Python
Django基础之Model操作步骤(介绍)
2017/05/27 Python
Python面向对象class类属性及子类用法分析
2018/02/02 Python
Python 3.8中实现functools.cached_property功能
2019/05/29 Python
python射线法判断一个点在图形区域内外
2019/06/28 Python
基于Python检测动态物体颜色过程解析
2019/12/04 Python
Python逐行读取文件内容的方法总结
2020/02/14 Python
详解基于Jupyter notebooks采用sklearn库实现多元回归方程编程
2020/03/25 Python
matplotlib绘制多子图共享鼠标光标的方法示例
2021/01/08 Python
Desigual德国官网:在线购买原创服装
2018/03/27 全球购物
Skyscanner加拿大:全球旅行搜索平台
2018/11/19 全球购物
大客户销售经理职责
2013/12/04 职场文书
股权转让协议书
2014/04/12 职场文书
我的老师教学反思
2014/05/01 职场文书
小学校本培训方案
2014/06/06 职场文书
体育教师求职信
2014/06/30 职场文书
债务纠纷委托书范本
2014/10/14 职场文书
婚礼女方父母答谢词
2015/01/04 职场文书
Redis如何使用乐观锁(CAS)保证数据一致性
2022/03/25 Redis