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 相关文章推荐
让innerHTML的脚本也可以运行起来
Jul 01 Javascript
JavaScript DOM 学习第七章 表单的扩展
Feb 19 Javascript
js中设置元素class的三种方法小结
Aug 28 Javascript
当jQuery遭遇CoffeeScript的时候 使用分享
Sep 17 Javascript
Node.js安装教程和NPM包管理器使用详解
Aug 16 Javascript
javascript 实现map集合
Apr 03 Javascript
原生JS实现首页进度加载动画
Sep 14 Javascript
jquery图片放大镜效果
Jun 23 jQuery
babel的使用及安装配置教程
Feb 22 Javascript
详解vue挂载到dom上会发生什么
Jan 20 Javascript
ES6基础之默认参数值
Feb 21 Javascript
手把手带你入门微信小程序新框架Kbone的使用
Feb 25 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
php4的session功能评述(一)
2006/10/09 PHP
php 用sock技术发送邮件的函数
2007/07/21 PHP
php对mongodb的扩展(初出茅庐)
2012/11/11 PHP
php curl基本操作详解
2013/07/23 PHP
ThinkPHP实现静态缓存和动态缓存示例代码
2017/05/02 PHP
Yii2实现自定义独立验证器的方法
2017/05/05 PHP
javascript获取设置div的高度和宽度兼容任何浏览器
2013/09/22 Javascript
详谈$.data()的用法和作用
2017/02/13 Javascript
vue实现简单表格组件实例详解
2017/04/16 Javascript
vuejs使用递归组件实现树形目录的方法
2017/09/30 Javascript
Vue EventBus自定义组件事件传递
2018/06/25 Javascript
在vue中使用echarts图表实例代码详解
2018/10/22 Javascript
React如何实现浏览器打印部分内容详析
2019/05/19 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
2019/06/04 Javascript
NodeJs 模仿SIP话机注册的方法
2019/06/21 NodeJs
js实现查询商品案例
2020/07/22 Javascript
vue3.0中友好使用antdv示例详解
2021/01/05 Vue.js
[01:03:51]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第三场
2018/04/09 DOTA
python基础教程之Hello World!
2014/08/29 Python
python 网络爬虫初级实现代码
2016/02/27 Python
详解Python核心编程中的浅拷贝与深拷贝
2018/01/07 Python
python3.6使用urllib完成下载的实例
2018/12/19 Python
python SQLAlchemy 中的Engine详解
2019/07/04 Python
python numpy之np.random的随机数函数使用介绍
2019/10/06 Python
python3中利用filter函数输出小于某个数的所有回文数实例
2019/11/24 Python
浅析python函数式编程
2020/09/26 Python
CSS3 实现的火焰动画
2020/12/07 HTML / CSS
雅诗兰黛香港官网:Estee Lauder香港
2017/09/26 全球购物
家长评语大全
2014/01/22 职场文书
小学生作文评语大全
2014/04/21 职场文书
个人简历求职信范文
2015/03/20 职场文书
2015年仓管员工作总结
2015/04/21 职场文书
2015年见习期个人工作总结
2015/05/28 职场文书
安娜卡列尼娜观后感
2015/06/11 职场文书
怎样评估创业计划书是否有可行性?
2019/08/07 职场文书
Python中的socket网络模块介绍
2022/07/23 Python