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 相关文章推荐
js实现双向链表互联网机顶盒实战应用实现
Oct 28 Javascript
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 Javascript
通过url查找a元素应用案例
Apr 29 Javascript
对比分析AngularJS中的$http.post与jQuery.post的区别
Feb 27 Javascript
AngularJS基础 ng-submit 指令简单示例
Aug 03 Javascript
jQuery 选择器(61种)整理总结
Sep 26 Javascript
node使用Koa2搭建web项目的方法
Oct 17 Javascript
react+redux的升级版todoList的实现
Dec 18 Javascript
JavaScript实现点击出现图片并统计点击次数功能示例
Jul 23 Javascript
Seajs源码详解分析
Apr 02 Javascript
微信小程序拖拽排序列表的示例代码
Jul 08 Javascript
JavaScript实现网页计算器功能
Oct 29 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不用递归遍历目录下所有文件的代码
2014/07/04 PHP
必须收藏的23个php实用代码片段
2016/02/02 PHP
注意!PHP 7中不要做的10件事
2016/09/18 PHP
Thinkphp3.2简单解决多文件上传只上传一张的问题
2017/09/26 PHP
HTML中事件触发列表与解说
2007/07/09 Javascript
jQuery 研究心得 取得属性的值
2007/11/30 Javascript
纯js实现的论坛常用的运行代码的效果
2008/07/15 Javascript
JavaScript 字符串与数组转换函数[不用split与join]
2009/12/13 Javascript
JQuery里面的几种选择器 查找满足条件的元素$(&quot;#控件ID&quot;)
2011/08/23 Javascript
js/jQuery对象互转(快速操作dom元素)
2013/02/04 Javascript
通过javascript把图片转化为字符画
2013/10/24 Javascript
Jquery uploadify图片上传插件无法上传的解决方法
2013/12/16 Javascript
js定时调用方法成功后并停止调用示例
2014/04/08 Javascript
jQuery 获取、设置HTML或TEXT内容的两种方法
2014/05/23 Javascript
用director.js实现前端路由使用实例
2017/01/27 Javascript
Angular5升级RxJS到5.5.3报错:EmptyError: no elements in sequence的解决方法
2018/04/09 Javascript
npm scripts 使用指南详解
2018/10/08 Javascript
在Node.js中将SVG图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式的方法
2019/08/22 Javascript
[01:00:17]DOTA2-DPC中国联赛 正赛 SAG vs Dynasty BO3 第二场 1月25日
2021/03/11 DOTA
Python中的面向对象编程详解(上)
2015/04/13 Python
python实现按任意键继续执行程序
2016/12/30 Python
Python爬取当当、京东、亚马逊图书信息代码实例
2017/12/09 Python
Python爬虫使用Selenium+PhantomJS抓取Ajax和动态HTML内容
2018/02/23 Python
Python File(文件) 方法整理
2019/02/18 Python
利用Python的sympy包求解一元三次方程示例
2019/11/22 Python
python中round函数保留两位小数的方法
2020/12/04 Python
美国全球旅游运营商:Pacific Holidays
2018/06/18 全球购物
简述索引存取方法的作用和建立索引的原则
2013/03/26 面试题
北京一家公司的.net开发工程师笔试题
2012/04/17 面试题
小学教师寄语大全
2014/04/03 职场文书
企业文明单位申报材料
2014/05/16 职场文书
青年志愿者活动方案
2014/08/17 职场文书
继承权公证书范本
2015/01/23 职场文书
2015年公路养护工作总结
2015/05/13 职场文书
2015年小学校长工作总结
2015/05/19 职场文书
工伤劳动仲裁代理词
2015/05/25 职场文书