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 Event学习第六章 事件的访问
Feb 07 Javascript
预加载css或javascript的js代码
Apr 23 Javascript
JavaScript中5种调用函数的方法
Mar 12 Javascript
jQuery AJAX timeout 超时问题详解
Jun 21 Javascript
AngularJS Ajax详解及示例代码
Aug 17 Javascript
利用jquery获取select下拉框的值
Nov 23 Javascript
解决vue router使用 history 模式刷新后404问题
Jul 19 Javascript
vue.js中父组件调用子组件的内部方法示例
Oct 22 Javascript
微信小程序功能之全屏滚动效果的实现代码
Nov 22 Javascript
JS求1到任意数之间的所有质数的方法详解
May 20 Javascript
微信小程序左右滚动公告栏效果代码实例
Sep 16 Javascript
Javascript生成器(Generator)的介绍与使用
Jan 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数据缓存技术
2007/02/14 PHP
php中url函数介绍及使用示例
2014/02/13 PHP
CI框架支持$_GET的两种实现方法
2016/05/18 PHP
Yii编程开发常见调用技巧集锦
2016/07/15 PHP
PHP二维数组矩形转置实例
2016/07/20 PHP
Iframe 自适应高度并实时监控高度变化的js代码
2009/10/30 Javascript
Javascript保存网页为图片借助于html2canvas库实现
2014/09/05 Javascript
JavaScript阻止浏览器返回按钮的方法
2015/03/18 Javascript
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
2015/11/13 Javascript
Jquery Easyui日历组件Calender使用详解(23)
2016/12/18 Javascript
node安装--linux下的快速安装教程
2017/03/21 Javascript
TypeScript入门-基本数据类型
2017/03/28 Javascript
源码分析Vue.js的监听实现教程
2017/04/23 Javascript
浅谈小程序globalData的那些事儿
2019/11/01 Javascript
Vue+elementUI实现多图片上传与回显功能(含回显后继续上传或删除)
2020/03/23 Javascript
Element Breadcrumb 面包屑的使用方法
2020/07/26 Javascript
vue style width a href动态拼接问题的解决
2020/08/07 Javascript
vue-cli 关闭热更新操作
2020/09/18 Javascript
Flask入门教程实例:搭建一个静态博客
2015/03/27 Python
Python实现短网址ShortUrl的Hash运算实例讲解
2015/08/10 Python
python的scikit-learn将特征转成one-hot特征的方法
2018/07/10 Python
python 实现批量xls文件转csv文件的方法
2018/10/23 Python
基于Python实现定时自动给微信好友发送天气预报
2018/10/25 Python
解决Python3用PIL的ImageFont输出中文乱码的问题
2019/08/22 Python
基于python纯函数实现井字棋游戏
2020/05/27 Python
美体小铺法国官方网站:The Body Shop法国
2020/06/04 全球购物
毕业自荐信
2013/12/16 职场文书
青年文明号复核材料
2014/02/11 职场文书
幼儿园中秋节活动反思
2014/02/16 职场文书
艾滋病宣传活动总结
2014/05/08 职场文书
共产党员批评与自我批评
2014/10/15 职场文书
求职自荐信怎么写
2015/03/04 职场文书
酒店优秀员工推荐信
2015/03/24 职场文书
幼儿园托班开学寄语(2015秋季)
2015/05/27 职场文书
2016护理专业求职自荐书
2016/01/28 职场文书
js不常见操作运算符总结
2021/11/20 Javascript