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的parseInt 进制问题
May 07 Javascript
js 纯数字不重复排列的另类方法
Jul 17 Javascript
jquery的ajax请求全面了解
Mar 20 Javascript
jscript读写二进制文件的方法
Apr 22 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
Jun 23 Javascript
JavaScript数组去重的3种方法和代码实例
Jul 01 Javascript
js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问
Sep 14 Javascript
JS中的phototype详解
Feb 04 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
Jul 12 jQuery
javascript 产生随机数的几种方法总结
Sep 26 Javascript
webpack将js打包后的map文件详解
Feb 22 Javascript
vue实现公告栏文字上下滚动效果的示例代码
Jun 16 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中使用BigMap实例
2015/03/30 PHP
PHP中的正则表达式实例详解
2017/04/25 PHP
Extjs4 Treegrid 使用心得分享(经验篇)
2013/07/01 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
2013/08/02 Javascript
在JavaScript中实现类的方式探讨
2013/08/28 Javascript
jquery中子元素和后代元素的区别示例介绍
2014/04/02 Javascript
jquery的attr方法禁用表单元素禁用输入内容
2014/06/23 Javascript
JS去除空格和换行的正则表达式(推荐)
2016/06/14 Javascript
js判断空对象的实例(超简单)
2016/07/26 Javascript
基于Javascript实现的不重复ID的生成器
2016/12/25 Javascript
vue-quill-editor+plupload富文本编辑器实例详解
2018/10/19 Javascript
详解koa2学习中使用 async 、await、promise解决异步的问题
2018/11/13 Javascript
vue图片上传本地预览组件使用详解
2019/02/20 Javascript
JS中的算法与数据结构之栈(Stack)实例详解
2019/08/20 Javascript
微信小程序自定义支持图片的弹窗
2020/12/21 Javascript
python使用xauth方式登录饭否网然后发消息
2014/04/11 Python
在Python中使用mongoengine操作MongoDB教程
2015/04/24 Python
详解Python中find()方法的使用
2015/05/18 Python
Python 出现错误TypeError: ‘NoneType’ object is not iterable解决办法
2017/01/12 Python
python 三元运算符使用解析
2019/09/16 Python
Python内置方法实现字符串的秘钥加解密(推荐)
2019/12/09 Python
Django之富文本(获取内容,设置内容方式)
2020/05/21 Python
python pymysql库的常用操作
2020/10/16 Python
Python远程linux执行命令实现
2020/11/11 Python
Ellos瑞典官网:北欧地区时尚、美容和住宅领域领先的电子商务网站
2019/11/21 全球购物
ASICS印度官方网站:日本专业运动品牌
2020/06/20 全球购物
C语言50道问题
2014/10/23 面试题
工程力学专业毕业生求职信
2013/10/06 职场文书
个人简历中的自我评价范例
2013/10/29 职场文书
党员干部承诺书
2014/03/25 职场文书
委托公证书
2014/04/08 职场文书
2014年政工师工作总结
2014/12/18 职场文书
2015年实习单位评语
2015/03/25 职场文书
收入证明申请书
2015/06/12 职场文书
jQuery实现影院选座订座效果
2021/04/13 jQuery
MySQL 分页查询的优化技巧
2021/05/12 MySQL