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获取控件位置以及不同浏览器中的差别介绍
Aug 08 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
Mar 25 Javascript
基于Vue.js实现数字拼图游戏
Aug 02 Javascript
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
Aug 29 Javascript
React学习笔记之高阶组件应用
Jun 02 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
Jul 03 Javascript
JS实现的全选、全不选及反选功能【案例】
Feb 19 Javascript
Vue中全局变量的定义和使用
Jun 05 Javascript
layui自定义工具栏的方法
Sep 19 Javascript
JS实现点餐自动选择框(案例分析)
Dec 10 Javascript
判断JavaScript中的两个变量是否相等的操作符
Dec 21 Javascript
vue 给数组添加新对象并赋值
Apr 20 Vue.js
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防CC攻击实现代码
2011/12/29 PHP
is_uploaded_file函数引发的不能上传文件问题
2013/10/29 PHP
laravel 错误处理,接口错误返回json代码
2019/10/25 PHP
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
2012/12/13 Javascript
JS(JQuery)操作Array的相关方法介绍
2014/02/11 Javascript
jquery操作checked属性以及disabled属性的多种方法
2014/06/20 Javascript
jQuery代码实现表格中点击相应行变色功能
2016/05/09 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
2016/10/14 Javascript
微信小程序实现图片预加载组件
2017/01/18 Javascript
jquery点赞功能实现代码 点个赞吧!
2020/05/29 jQuery
利用Ionic2 + angular4实现一个地区选择组件
2017/07/27 Javascript
本地存储localStorage用法详解
2017/07/31 Javascript
Vue.js 踩坑记之双向绑定
2018/05/03 Javascript
详解react内联样式使用webpack将px转rem
2018/09/13 Javascript
SSM+layUI 根据登录信息显示不同的页面方法
2019/09/20 Javascript
vue 实现锚点功能操作
2020/08/10 Javascript
[03:42]2014DOTA2西雅图国际邀请赛7月9日TOPPLAY
2014/07/09 DOTA
深入理解python中的atexit模块
2017/03/07 Python
Python编程求解二叉树中和为某一值的路径代码示例
2018/01/04 Python
python2.7到3.x迁移指南
2018/02/01 Python
python爬虫获取多页天涯帖子
2018/02/23 Python
Python实现字典按key或者value进行排序操作示例【sorted】
2019/05/03 Python
python实现QQ批量登录功能
2019/06/19 Python
Python列表原理与用法详解【创建、元素增加、删除、访问、计数、切片、遍历等】
2019/10/30 Python
Python多线程threading创建及使用方法解析
2020/06/17 Python
python 动态绘制爱心的示例
2020/09/27 Python
Otel.com:折扣酒店预订
2017/08/24 全球购物
迪拜领先运动补剂零售品牌中文站:Sporter商城
2019/08/20 全球购物
企业为何需要商业计划书
2013/12/26 职场文书
2015秋季新学期开学寄语
2015/05/28 职场文书
入队仪式主持词
2015/07/04 职场文书
机械生产实习心得体会
2016/01/22 职场文书
2019求职信大礼包
2019/05/15 职场文书
golang中字符串MD5生成方式总结
2021/07/04 Golang
Java 语言中Object 类和System 类详解
2021/07/07 Java/Android
使用opencv-python如何打开USB或者笔记本前置摄像头
2022/06/21 Python