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 相关文章推荐
[IE&amp;FireFox兼容]JS对select操作
Jan 07 Javascript
使用Mootools动态添加Css样式表代码,兼容各浏览器
Dec 12 Javascript
jQuery获取当前对象标签名称的方法
Feb 07 Javascript
Javascript基础教程之关键字和保留字汇总
Jan 18 Javascript
JavaScript日期类型的一些用法介绍
Mar 02 Javascript
jQuery对JSON数据进行排序输出的方法
Jun 24 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
May 09 Javascript
Vue.js进行查询操作的实例详解
Aug 25 Javascript
vue组件中使用props传递数据的实例详解
Apr 08 Javascript
解决vue2 在mounted函数无法获取prop中的变量问题
Nov 15 Javascript
jQuery - AJAX load() 实例用法详解
Aug 27 jQuery
JS前端轻量fabric.js系列之画布初始化
Aug 05 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
为什么夜间收到的中波电台比白天多
2021/03/01 无线电
用PHP制作静态网站的模板框架(二)
2006/10/09 PHP
PHP脚本的10个技巧(7)
2006/10/09 PHP
快速开发一个PHP扩展图文教程
2008/12/12 PHP
PHP动态创建Web站点的方法
2011/08/14 PHP
PHP模板引擎Smarty内置变量调解器用法详解
2016/04/11 PHP
js内存泄露的几种情况详细探讨
2013/05/31 Javascript
js抽奖实现随机抽奖代码效果
2013/12/02 Javascript
javascript实现Table排序的方法
2015/05/15 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
2017/01/23 Javascript
详解用vue编写弹出框组件
2017/07/04 Javascript
vue-cli中打包图片路径错误的解决方法
2017/10/26 Javascript
微信小程序自定义toast实现方法详解【附demo源码下载】
2017/11/28 Javascript
JS简单获得节点元素的方法示例
2018/02/10 Javascript
解决axios发送post请求返回400状态码的问题
2018/08/11 Javascript
最适应的vue.js的form提交涉及多种插件【推荐】
2018/08/27 Javascript
JavaScript中的连续赋值问题实例分析
2019/07/12 Javascript
微信小程序-API接口安全详解
2019/07/16 Javascript
python实现代理服务功能实例
2013/11/15 Python
Python的randrange()方法使用教程
2015/05/15 Python
tensorflow 打印内存中的变量方法
2018/07/30 Python
Python 获取主机ip与hostname的方法
2018/12/17 Python
python多线程实现TCP服务端
2019/09/03 Python
django中使用事务及接入支付宝支付功能
2019/09/15 Python
Python之指数与E记法的区别详解
2019/11/21 Python
Python处理mysql特殊字符的问题
2020/03/02 Python
Nike德国官网:Nike.com (DE)
2018/11/13 全球购物
澳大利亚最受欢迎的美发和美容在线商店:Catwalk
2018/12/12 全球购物
德国的各种媒体在线商店:Thalia.de(书籍、电子书、玩具等)
2020/10/08 全球购物
模具设计与制造专业推荐信
2014/02/16 职场文书
小学新学期寄语
2014/04/02 职场文书
旅游与环境专业求职信
2014/06/05 职场文书
原料仓仓管员岗位职责
2014/07/08 职场文书
大学生第一学年自我鉴定2015
2014/09/28 职场文书
总账会计岗位职责
2015/04/02 职场文书
安全教育培训心得体会
2016/01/15 职场文书