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传递变量: 值传递?引用传递?
Feb 22 Javascript
js 验证密码强弱的小例子
Mar 21 Javascript
js禁止页面使用右键(简单示例代码)
Nov 13 Javascript
js实现文本框中焦点在最后位置
Mar 04 Javascript
用IE重起计算机或者关机的示例代码
Mar 10 Javascript
jQuery后代选择器用法实例
Dec 23 Javascript
JQuery中$.each 和$(selector).each()的区别详解
Mar 13 Javascript
jquery图片滚动放大代码分享(2)
Aug 28 Javascript
javascript时间排序算法实现活动秒杀倒计时效果
Jan 28 Javascript
分享一道关于闭包、bind和this的面试题
Feb 20 Javascript
js实现图片推拉门效果代码实例
May 18 Javascript
CKEditor扩展插件:自动排版功能autoformat插件实现方法详解
Feb 06 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
精致的人儿就要挑杯子喝咖啡
2021/03/03 冲泡冲煮
php ob_flush,flush在ie中缓冲无效的解决方法
2010/05/09 PHP
基于MySQL到MongoDB简易对照表的详解
2013/06/03 PHP
prototype 源码中文说明之 prototype.js
2006/09/22 Javascript
JQuery扩展插件Validate—4设置错误提示的样式
2011/09/05 Javascript
JS实现金额转换(将输入的阿拉伯数字)转换成中文的实现代码
2013/09/30 Javascript
js如何获取object类型里的键值
2014/02/18 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
2016/08/01 Javascript
js简易版购物车功能
2017/06/17 Javascript
Vue动态组件实例解析
2017/08/20 Javascript
微信小程序用户自定义模版用法实例分析
2017/11/28 Javascript
Element-UI中Upload上传文件前端缓存处理示例
2019/02/21 Javascript
Angular7中创建组件/自定义指令/管道的方法实例详解
2019/04/02 Javascript
JavaScript 实现同时选取多个时间段的方法
2019/10/17 Javascript
node.js如何根据URL返回指定的图片详解
2020/10/21 Javascript
[01:00:12]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第一场
2018/04/09 DOTA
[02:23]完美世界全国高校联赛街访DOTA2第一期
2019/11/28 DOTA
python和pyqt实现360的CLable控件
2014/02/21 Python
python pandas中DataFrame类型数据操作函数的方法
2018/04/08 Python
解决pandas.DataFrame.fillna 填充Nan失败的问题
2018/11/06 Python
Python3.8中使用f-strings调试
2019/05/22 Python
使用virtualenv创建Python环境及PyQT5环境配置的方法
2019/09/10 Python
Python如何实现后端自定义认证并实现多条件登陆
2020/06/22 Python
英国在线汽车和面包车零件商店:Car Parts 4 Less
2018/08/15 全球购物
Timberland澳大利亚官网:全球领先的户外品牌
2019/12/10 全球购物
建筑设计所实习生自我鉴定
2013/09/25 职场文书
大学生预备党员自我评价分享
2013/11/16 职场文书
写好自荐信的几个要点
2013/12/26 职场文书
安全生产网格化管理实施方案
2014/03/01 职场文书
教书育人演讲稿
2014/09/11 职场文书
党员干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
工商局副局长个人对照检查材料
2014/09/25 职场文书
房屋租赁协议书(标准版)
2014/10/02 职场文书
网吧温馨提示
2015/07/17 职场文书
高三语文教学反思
2016/02/16 职场文书
分析Python感知线程状态的解决方案之Event与信号量
2021/06/16 Python