jquery通过ajax加载一段文本内容的方法


Posted in Javascript onJanuary 15, 2015

本文实例讲述了jquery通过ajax加载一段文本内容的方法。分享给大家供大家参考。具体分析如下:

这是w3school官网提供的一个简单的例子,注意编码问题,否则可能会出现乱码。代码如下:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

<script type="text/javascript">

 $(document).ready(function(){

  $("button").click(function(){

   var htmlObj = $.ajax({url:"ab.txt",async:false});//$.ajax() 返回其创建的 XMLHttpRequest 对象

   $("#myDiv").html(htmlObj.responseText);

  });

 });

</script>

</head>

<body>

<div id="myDiv"><h2>hello world</h2></div>

<button>改变内容jquery-ajax</button>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
Dec 05 Javascript
js导出txt示例代码
Jan 14 Javascript
JQuery文本改变触发事件如聚焦事件、失焦事件
Jan 15 Javascript
关于js里的this关键字的理解
Aug 17 Javascript
常见的javascript跨域通信方法
Dec 31 Javascript
js 获取当前web应用的上下文路径实现方法
Aug 19 Javascript
AngularJS中isolate scope的用法分析
Nov 22 Javascript
jquery ui sortable拖拽后保存位置
Apr 27 jQuery
微信小程序解除10个请求并发限制
Dec 18 Javascript
vant IndexBar实现的城市列表的示例代码
Nov 20 Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
May 31 Javascript
微信小程序实现身份证取景框拍摄
Sep 09 Javascript
js实现遮罩层弹出框的方法
Jan 15 #Javascript
jquery隔行换色效果实现方法
Jan 15 #Javascript
JavaScript中实现依赖注入的思路分享
Jan 15 #Javascript
jquery实现textarea输入框限制字数的方法
Jan 15 #Javascript
28个常用JavaScript方法集锦
Jan 14 #Javascript
jquery单选框radio绑定click事件实现方法
Jan 14 #Javascript
jquery移动节点实例
Jan 14 #Javascript
You might like
php中防止伪造跨站请求的小招式
2011/09/02 PHP
PHP中绘制图像的一些函数总结
2014/11/19 PHP
主流PHP框架的优缺点对比分析
2014/12/25 PHP
解决PHP里大量数据循环时内存耗尽的方法
2015/10/10 PHP
PHP设计模式之工厂模式(Factory Pattern)的讲解
2019/03/21 PHP
jQuery ajax BUG:object doesn't support this property or method
2010/07/06 Javascript
js函数中onmousedown和onclick的区别和联系探讨
2013/05/19 Javascript
js获取本机的外网/广域网ip地址完整源码
2013/08/12 Javascript
js去空格技巧分别去字符串前后、左右空格
2013/10/21 Javascript
js 实现菜单左右滚动显示示例介绍
2013/11/21 Javascript
jquery fancybox ie6不显示关闭按钮的解决办法
2013/12/25 Javascript
详谈JavaScript内存泄漏
2014/11/14 Javascript
javascript中setTimeout和setInterval的unref()和ref()用法示例
2014/11/26 Javascript
ExtJs动态生成treepanel的Json格式
2015/07/19 Javascript
jquery模拟多级复选框效果的简单实例
2016/06/08 Javascript
JavaScript 通过Ajax 动态加载CheckBox复选框
2017/08/31 Javascript
webpack打包非模块化js的方法
2018/10/24 Javascript
vue.js 实现a标签href里添加参数
2019/11/12 Javascript
JavaScript实现弹出窗口效果
2020/12/09 Javascript
提升Python程序运行效率的6个方法
2015/03/31 Python
Django中日期处理注意事项与自定义时间格式转换详解
2018/08/06 Python
python 循环读取txt文档 并转换成csv的方法
2018/10/26 Python
Django ManyToManyField 跨越中间表查询的方法
2018/12/18 Python
python 使用pandas计算累积求和的方法
2019/02/08 Python
python 在threading中如何处理主进程和子线程的关系
2020/04/25 Python
HTML5拖拉上传文件的简单实例
2017/01/11 HTML / CSS
洲际酒店集团大中华区:IHG中国
2016/08/17 全球购物
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
在Java开发中如何选择使用哪种集合类
2016/08/09 面试题
如果NULL和0作为空指针常数是等价的,那我到底该用哪一个
2014/09/16 面试题
母亲追悼会答谢词
2014/01/27 职场文书
春节联欢会主持词
2014/03/24 职场文书
医疗器械售后服务承诺书
2014/05/21 职场文书
2014年最新个人对照检查材料范文
2014/09/25 职场文书
孝女彩金观后感
2015/06/10 职场文书
解决thinkphp6(tp6)在状态码500下不报错,或者显示错误“Malformed UTF-8 characters”的问题
2021/04/01 PHP