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 相关文章推荐
动态为事件添加js代码示例
Feb 15 Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
Nov 28 Javascript
脚本合并提升javascript性能示例
Feb 24 Javascript
node.js中的fs.fsync方法使用说明
Dec 15 Javascript
javascript简单实现类似QQ头像弹出效果的方法
Aug 03 Javascript
利用js编写网页进度条效果
Oct 08 Javascript
实例解析ES6 Proxy使用场景介绍
Jan 08 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
Jan 31 Javascript
js for终止循环 跳出多层循环
Oct 04 Javascript
配置一个vue3.0项目的完整步骤
Apr 26 Javascript
Vue组件化(ref,props, mixin,.插件)详解
May 15 Vue.js
正则表达式基础与常用验证表达式
Jun 16 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
一个查看session内容的函数
2006/10/09 PHP
再论Javascript下字符串连接的性能
2011/03/05 Javascript
js浮动图片的动态效果
2013/07/10 Javascript
控制input输入框中提示信息的显示和隐藏的方法
2014/02/12 Javascript
jQuery实现的淡入淡出二级菜单效果代码
2015/09/15 Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
2016/12/26 Javascript
jQuery实现可拖动进度条实例代码
2017/06/21 jQuery
ztree简介_动力节点Java学院整理
2017/07/19 Javascript
10分钟上手vue-cli 3.0 入门介绍
2018/04/04 Javascript
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
2018/09/19 Javascript
30分钟精通React今年最劲爆的新特性——React Hooks
2019/03/11 Javascript
微信小程序错误this.setData报错及解决过程
2019/09/18 Javascript
vue-model实现简易计算器
2020/08/17 Javascript
ant design pro中可控的筛选和排序实例
2020/11/17 Javascript
ES6 十大特性简介
2020/12/09 Javascript
利用soaplib搭建webservice详细步骤和实例代码
2013/11/20 Python
Python打包可执行文件的方法详解
2016/09/19 Python
PyTorch快速搭建神经网络及其保存提取方法详解
2018/04/28 Python
对Pyhon实现静态变量全局变量的方法详解
2019/01/11 Python
python GUI库图形界面开发之pyinstaller打包python程序为exe安装文件
2020/02/26 Python
python数据库操作mysql:pymysql、sqlalchemy常见用法详解
2020/03/30 Python
使用django自带的user做外键的方法
2020/11/30 Python
selenium判断元素是否存在的两种方法小结
2020/12/07 Python
python基于Kivy写一个图形桌面时钟程序
2021/01/28 Python
银行会计职员个人的自我评价
2013/09/29 职场文书
房地产销售计划书
2014/01/10 职场文书
光信息科学与技术专业职业生涯规划
2014/03/13 职场文书
广告创意求职信
2014/03/17 职场文书
本科毕业生求职自荐信
2014/04/09 职场文书
党员公开承诺书2015
2015/01/21 职场文书
护士心得体会范文
2016/01/25 职场文书
2016银行求职自荐信
2016/01/28 职场文书
《给予树》教学反思
2016/03/03 职场文书
导游词之任弼时故居
2020/01/07 职场文书
vue3使用vue-router的完整步骤记录
2021/06/20 Vue.js
《火纹风花雪月无双》预告“神秘雇佣兵” 紫发剑客
2022/04/13 其他游戏