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实现预览待上传的本地图片
Mar 15 Javascript
修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
Oct 11 Javascript
一些常用且实用的原生JavaScript函数
Sep 08 Javascript
javascript判断网页是关闭还是刷新
Sep 12 Javascript
jQuery 常用代码集锦(必看篇)
May 16 Javascript
React Native之prop-types进行属性确认详解
Dec 19 Javascript
CentOS环境中MySQL修改root密码方法
Jan 07 Javascript
Angular模版驱动表单的使用总结
May 05 Javascript
vue v-for循环重复数据无法添加问题解决方法【加track-by='索引'】
Mar 15 Javascript
ES6 Class中实现私有属性的一些方法总结
Jul 08 Javascript
vue表单数据交互提交演示教程
Nov 13 Javascript
js中Function引用类型常见有用的方法和属性详解
Dec 11 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
main.php
2006/12/09 PHP
PHP中输出转义JavaScript代码的实现代码
2011/04/22 PHP
ueditor 1.2.6 使用方法说明
2013/07/24 PHP
PHP使用SOAP调用.net的WebService数据
2013/11/12 PHP
php根据某字段对多维数组进行排序的方法
2015/03/07 PHP
PHP实现基本留言板功能原理与步骤详解
2020/03/26 PHP
JS 用6N±1法求素数 实例教程
2009/10/20 Javascript
js 创建书签小工具之理论
2011/02/25 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
2013/11/13 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
2014/02/22 Javascript
JS实现简单的键盘打字的效果
2015/04/24 Javascript
JavaScript中的Repaint和Reflow用法详解
2015/07/27 Javascript
详解nodejs微信公众号开发——4.自动回复各种消息
2017/04/11 NodeJs
vue 简单自动补全的输入框的示例
2018/03/12 Javascript
React 组件中的 bind(this)示例代码
2018/09/16 Javascript
详解NodeJS Https HSM双向认证实现
2019/03/12 NodeJs
vue-router的两种模式的区别
2019/05/30 Javascript
koa2的中间件功能及应用示例
2020/03/05 Javascript
vue+axios全局添加请求头和参数操作
2020/07/24 Javascript
js动态生成表格(节点操作)
2021/01/12 Javascript
Python模块学习 re 正则表达式
2011/05/19 Python
Python备份目录及目录下的全部内容的实现方法
2016/06/12 Python
对pandas中iloc,loc取数据差别及按条件取值的方法详解
2018/11/06 Python
Django组件之cookie与session的使用方法
2019/01/10 Python
pyqt5使用按钮进行界面的跳转方法
2019/06/19 Python
python的pygal模块绘制反正切函数图像方法
2019/07/16 Python
html5新增的属性和废除的属性简要概述
2013/02/20 HTML / CSS
美国大城市最热门旅游景点门票:CityPASS
2016/12/16 全球购物
英语硕士生求职简历的自我评价
2013/10/15 职场文书
行政专员岗位职责
2014/01/02 职场文书
2014政务公开实施方案
2014/02/19 职场文书
2015年酒店年度工作总结
2015/05/23 职场文书
母亲去世追悼词
2015/06/23 职场文书
有关水浒传的读书笔记
2015/06/25 职场文书
基于Golang 高并发问题的解决方案
2021/05/08 Golang
sqlserver连接错误之SQL评估期已过的问题解决
2022/03/23 SQL Server