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 相关文章推荐
jquery 学习之二 属性(html()与html(val))
Nov 25 Javascript
js中字符替换函数String.replace()使用技巧
Aug 14 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
Dec 20 Javascript
jQuery+ajax中getJSON() 用法实例
Dec 22 Javascript
JavaScript判断用户名和密码不能为空的实现代码
May 16 Javascript
基于Bootstrap+jQuery.validate实现表单验证
May 30 Javascript
Bootstrap插件全集
Jul 18 Javascript
封装的dialog插件 基于bootstrap模态对话框的简单扩展
Aug 10 Javascript
微信小程序 Nginx环境配置详细介绍
Feb 14 Javascript
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
Jun 20 Javascript
JS+Ajax实现百度智能搜索框
Aug 04 Javascript
Webpack3+React16代码分割的实现
Mar 03 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的curl实现get,post和cookie(实例介绍)
2013/06/17 PHP
老司机传授Ubuntu下Apache+PHP+MySQL环境搭建攻略
2016/03/20 PHP
PHP实现的简单组词算法示例
2018/04/10 PHP
浅谈PHP无限极分类原理
2019/03/14 PHP
JavaScript版DateAdd和DateDiff函数代码
2012/03/01 Javascript
JS实现鼠标单击与双击事件共存
2014/03/08 Javascript
Node.js中的流(Stream)介绍
2015/03/30 Javascript
jQuery实现的fixedMenu下拉菜单效果代码
2015/08/24 Javascript
jQuery实现内容定时切换效果完整实例
2016/04/06 Javascript
浅谈JavaScript中面向对象的的深拷贝和浅拷贝
2016/08/01 Javascript
JavaScript面试开发常用的知识点总结
2016/08/08 Javascript
jQuery动态添加与删除tr行实例代码
2016/10/18 Javascript
JS ES6中setTimeout函数的执行上下文示例
2017/04/27 Javascript
Angular获取手机验证码实现移动端登录注册功能
2017/05/17 Javascript
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
2018/03/06 Javascript
在vue中读取本地Json文件的方法
2018/09/06 Javascript
微信小程序全局变量功能与用法详解
2019/01/22 Javascript
C#程序员入门学习微信小程序的笔记
2019/03/05 Javascript
JavaScript 异步时序问题
2020/11/20 Javascript
ES5和ES6中类的区别总结
2020/12/21 Javascript
Python里字典的基本用法(包括嵌套字典)
2019/02/27 Python
Pycharm使用之设置代码字体大小和颜色主题的教程
2019/07/12 Python
python实现日志按天分割
2019/07/22 Python
TensorFlow Saver:保存和读取模型参数.ckpt实例
2020/02/10 Python
jupyter使用自动补全和切换默认浏览器的方法
2020/11/18 Python
Python扫描端口的实现
2021/01/25 Python
结合CSS3的新特性来总结垂直居中的实现方法
2016/05/30 HTML / CSS
Booking.com英国官网:全球酒店在线预订网站
2018/04/21 全球购物
Java面试题:请问一下代码输出是什么
2015/05/27 面试题
办公室员工岗位工作职责
2014/03/10 职场文书
晚会主持词开场白
2014/03/17 职场文书
法学自荐信
2014/06/20 职场文书
政风行风建设责任书
2014/07/23 职场文书
反邪教学习心得体会
2016/01/15 职场文书
基于Redis位图实现用户签到功能
2021/05/08 Redis
MySQL查询日期时间
2022/05/15 MySQL