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动画效果类封装代码
Aug 28 Javascript
通过隐藏option实现select的联动效果
Nov 10 Javascript
JS实现可改变列宽的table实例
Jul 02 Javascript
YUI模块开发原理详解
Nov 18 Javascript
js function定义函数的几种不错方法
Feb 27 Javascript
浅谈javascript中的DOM方法
Jul 16 Javascript
JavaScript 浏览器兼容性总结及常用浏览器兼容性分析
Mar 30 Javascript
javascript编写简易计算器
May 06 Javascript
vuejs移动端实现div拖拽移动
Jul 25 Javascript
Vue分页插件的前后端配置与使用
Oct 09 Javascript
js抽奖转盘实现方法分析
May 16 Javascript
VUE和Antv G6实现在线拓扑图编辑操作
Oct 28 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 Smarty 字符比较代码
2011/02/27 PHP
php小技巧 把数组的键和值交换形成了新的数组,查找值取得键
2011/06/02 PHP
浅谈PHP中的错误处理和异常处理
2017/02/04 PHP
laravel中数据显示方法(默认值和下拉option默认选中)
2019/10/11 PHP
CSS心形加载的动画源码的实现
2021/03/09 HTML / CSS
类似框架的js代码
2006/11/09 Javascript
JavaScrip单线程引擎工作原理分析
2010/09/04 Javascript
jQuery基本过滤选择器使用介绍
2013/04/18 Javascript
JQuery EasyUI 数字格式化处理示例
2014/05/05 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
2016/05/26 Javascript
JS中检测数据类型的几种方式及优缺点小结
2016/12/12 Javascript
JS实现动态给标签控件添加事件的方法示例
2017/05/13 Javascript
JS中call和apply函数用法实例分析
2018/06/20 Javascript
layui获取多选框中的值方法
2018/08/15 Javascript
vue移动端城市三级联动组件使用详解
2019/07/26 Javascript
解决Vue-cli无法编译es6的问题
2020/10/30 Javascript
node中短信api实现验证码登录的示例代码
2021/01/20 Javascript
[04:59]DOTA2-DPC中国联赛 正赛 Ehome vs iG 选手采访
2021/03/11 DOTA
解决python3 urllib中urlopen报错的问题
2017/03/25 Python
python进程管理工具supervisor的安装与使用教程
2017/09/05 Python
python 以16进制打印输出的方法
2018/07/09 Python
opencv python 图像去噪的实现方法
2018/08/31 Python
关于python字符串方法分类详解
2019/08/20 Python
python科学计算之numpy——ufunc函数用法
2019/11/25 Python
tensorflow之tf.record实现存浮点数数组
2020/02/17 Python
Python3实现飞机大战游戏
2020/04/24 Python
Python configparser模块常用方法解析
2020/05/22 Python
HTML5拖拽的简单实例
2016/05/30 HTML / CSS
js实现弹框效果
2021/03/24 Javascript
咖啡蛋糕店创业计划书
2014/01/28 职场文书
乡镇网格化管理实施方案
2014/03/23 职场文书
单方离婚协议书范本(2014版)
2014/09/30 职场文书
软弱涣散基层党组织整改方案
2014/10/25 职场文书
党的群众路线整改落实情况汇报
2014/10/28 职场文书
导游词之太行山青龙峡
2020/01/14 职场文书
Linux安装apache服务器的配置过程
2021/11/27 Servers