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 相关文章推荐
一实用的实现table排序的Javascript类库
Sep 12 Javascript
使用jquery插件实现图片延迟加载技术详细说明
Mar 12 Javascript
JQuery入门——事件切换之toggle()方法应用介绍
Feb 05 Javascript
在JavaScript中重写jQuery对象的方法实例教程
Aug 25 Javascript
node.js中的path.isAbsolute方法使用说明
Dec 08 Javascript
基于jQuery实现的QQ表情插件
Aug 25 Javascript
localStorage的黑科技-js和css缓存机制
Feb 06 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
May 01 Javascript
浅谈react受控组件与非受控组件(小结)
Feb 09 Javascript
javascript实现视频弹幕效果(两个版本)
Nov 28 Javascript
通过js随机函数Math.random实现乱序
May 19 Javascript
Vue ElementUI实现:限制输入框只能输入正整数的问题
Jul 31 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中设置一个严格30分钟过期Session面试题的4种答案
2014/07/30 PHP
PHP嵌套输出缓冲代码实例
2015/05/12 PHP
ZF框架实现发送邮件的方法
2015/12/03 PHP
Laravel执行migrate命令提示:No such file or directory的解决方法
2016/03/16 PHP
PHP实践教程之过滤、验证、转义与密码详解
2017/07/24 PHP
Laravel框架搜索分页功能示例
2019/02/01 PHP
用PHP的反射实现委托模式的讲解
2019/03/22 PHP
用jscript启动sqlserver
2007/06/21 Javascript
Javascript this关键字使用分析
2008/10/21 Javascript
jQuery 获取URL的GET参数值的小例子
2013/04/18 Javascript
鼠标移到div,浮层显示明细,弹出层与div的上边距左边距重合(示例代码)
2013/12/14 Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
2015/09/12 Javascript
Bootstrap源码解读排版(1)
2016/12/23 Javascript
再谈Angular4 脏值检测(性能优化)
2018/04/23 Javascript
Node.js 使用jade模板引擎的示例
2018/05/11 Javascript
webpack@v4升级踩坑(小结)
2018/10/08 Javascript
tracking.js页面人脸识别插件使用方法
2020/04/16 Javascript
JavaScript设计模式之装饰者模式实例详解
2019/01/17 Javascript
nvm、nrm、npm 安装和使用详解(小结)
2019/01/17 Javascript
vue项目中定义全局变量、函数的几种方法
2019/11/08 Javascript
swiper实现异形轮播效果
2019/11/28 Javascript
jQuery使用ajax传递json对象到服务端及contentType的用法示例
2020/03/12 jQuery
详解react组件通讯方式(多种)
2020/05/06 Javascript
[43:51]2014 DOTA2国际邀请赛中国区预选赛 Dream Times VS TongFu
2014/05/22 DOTA
Python常用列表数据结构小结
2014/08/06 Python
Python 实现文件的全备份和差异备份详解
2016/12/27 Python
Python中元组,列表,字典的区别
2017/05/21 Python
python正则爬取某段子网站前20页段子(request库)过程解析
2019/08/10 Python
wxPython+Matplotlib绘制折线图表
2019/11/19 Python
UGG雪地靴德国官网:UGG德国
2016/11/19 全球购物
怎么可以提高数据库查询数据的速度
2014/06/28 面试题
留学自荐信
2013/10/10 职场文书
初中班级口号
2014/06/09 职场文书
债务授权委托书范本
2014/10/17 职场文书
行政上诉状范文
2015/05/23 职场文书
Mysql 8.x 创建用户以及授予权限的操作记录
2022/04/18 MySQL