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 相关文章推荐
关于__defineGetter__ 和__defineSetter__的说明
May 12 Javascript
javascript中如何处理引号编码&amp;#034;
Aug 15 Javascript
jQuery实现公告文字左右滚动的实例代码
Oct 29 Javascript
document节点对象的获取方式示例介绍
Dec 24 Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
Jun 16 Javascript
详解js中Json的语法与格式
Nov 22 Javascript
Angular指令之restict匹配模式的详解
Jul 27 Javascript
JS鼠标3次点击事件实现代码及扩展思路
Sep 12 Javascript
Webstorm2016使用技巧(SVN插件使用)
Oct 29 Javascript
vue使用Google地图的实现示例代码
Dec 19 Javascript
node.js实现微信开发之获取用户授权
Mar 18 Javascript
JS的时间格式化和时间戳转换函数示例详解
Jul 27 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来处理多个提交任务
2008/05/08 PHP
用PHP的ob_start() 控制您的浏览器cache
2009/08/03 PHP
php邮件发送,php发送邮件的类
2011/03/24 PHP
解决laravel groupBy 对查询结果进行分组出现的问题
2019/10/09 PHP
JavaScript的Function详细
2006/11/14 Javascript
Textarea与懒惰渲染实现代码
2012/01/04 Javascript
CSS+jQuery实现的一个放大缩小动画效果
2013/09/24 Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
2013/11/06 Javascript
js加入收藏夹代码(兼容ie/ff/op)
2014/05/16 Javascript
js使用cookie记录用户名的方法
2015/11/26 Javascript
JavaScript中split与join函数的进阶使用技巧
2016/05/03 Javascript
jquery分隔Url的param方法(推荐)
2016/05/25 Javascript
js轮播图代码分享
2016/07/14 Javascript
vue项目中跳转到外部链接的实例讲解
2018/09/20 Javascript
vue-cli 2.*中导入公共less文件的方法步骤
2018/11/22 Javascript
vue视频播放暂停代码
2019/11/08 Javascript
用Python脚本来删除指定容量以上的文件的教程
2015/05/04 Python
python getopt详解及简单实例
2016/12/30 Python
Python 查找list中的某个元素的所有的下标方法
2018/06/27 Python
python leetcode 字符串相乘实例详解
2018/09/03 Python
python矩阵的转置和逆转实例
2018/12/12 Python
Django的用户模块与权限系统的示例代码
2019/07/24 Python
手动安装python3.6的操作过程详解
2020/01/13 Python
python统计函数库scipy.stats的用法解析
2020/02/25 Python
HTML5 对各个标签的定义与规定:body的介绍
2012/06/21 HTML / CSS
移动端HTML5实现文件上传功能【附代码】
2016/03/25 HTML / CSS
名人珠宝设计师:Melinda Maria Jewelry
2019/03/06 全球购物
Brora官网:英国领先的羊绒服装品牌
2019/08/28 全球购物
俄罗斯玩具、儿童用品、儿童服装和鞋子网上商店:MyToys.ru
2019/10/14 全球购物
《理想》教学反思
2014/02/17 职场文书
小学教学随笔感言
2014/02/26 职场文书
党的群众路线教育实践活动心得体会范文
2014/11/05 职场文书
教师工作能力自我评价
2015/03/04 职场文书
庭外和解协议书
2016/03/23 职场文书
解决Navicat for Mysql连接报错1251的问题(连接失败)
2021/05/27 MySQL
MySQL Server 层四个日志
2022/03/31 MySQL