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里的条件判断
Feb 27 Javascript
javascript之AJAX框架使用说明
Apr 24 Javascript
javascript自动切换焦点控制效果完整实例
Feb 02 Javascript
基于Vue实现支持按周切换的日历
Sep 24 Javascript
jquery对table做排序操作的实例演示
Aug 10 jQuery
vue中eventbus被多次触发以及踩过的坑
Dec 02 Javascript
Angular 组件之间的交互的示例代码
Mar 24 Javascript
原生JS实现的碰撞检测功能示例
May 18 Javascript
对vuex中getters计算过滤操作详解
Nov 06 Javascript
详解vuejs中执行npm run dev出现页面cannot GET/问题
Apr 26 Javascript
JS canvas实现画板和签字板功能
Feb 23 Javascript
Webpack3+React16代码分割的实现
Mar 03 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设计聊天室步步通
2006/10/09 PHP
php+jQuery+Ajax实现点赞效果的方法(附源码下载)
2020/07/21 PHP
Prototype使用指南之dom.js
2007/01/10 Javascript
jQuery弹出层插件简化版代码下载
2008/10/16 Javascript
基于jquery自己写tab滑动门(通用版)
2012/10/30 Javascript
JS弹出窗口代码大全(详细整理)
2012/12/21 Javascript
js数组的操作详解
2013/03/27 Javascript
深入理解JavaScript是如何实现继承的
2013/12/12 Javascript
JavaScript中number转换成string介绍
2014/12/31 Javascript
jQuery垂直多级导航菜单代码分享
2015/08/18 Javascript
dul无法加载bootstrap实现unload table/user恢复
2016/09/29 Javascript
js获取地址栏中传递的参数(两种方法)
2017/02/08 Javascript
webpack实现热更新(实施同步刷新)
2017/07/28 Javascript
详解React Native网络请求fetch简单封装
2017/08/10 Javascript
vue2.0开发入门笔记之.vue文件的生成和使用
2017/09/19 Javascript
jQuery中each方法的使用详解
2018/03/18 jQuery
Nuxt.js SSR与权限验证的实现
2018/11/21 Javascript
JS造成内存泄漏的几种情况实例分析
2020/03/02 Javascript
[43:43]完美世界DOTA2联赛PWL S2 FTD.C vs Rebirth 第一场 11.22
2020/11/24 DOTA
Python判断直线和矩形是否相交的方法
2015/07/14 Python
Python网络编程使用select实现socket全双工异步通信功能示例
2018/04/09 Python
Python学习笔记之变量、自定义函数用法示例
2019/05/28 Python
django中间键重定向实例方法
2019/11/10 Python
python绘制高斯曲线
2021/02/19 Python
在Pycharm中安装Pandas库方法(简单易懂)
2021/02/20 Python
html5 Canvas画图教程(6)—canvas里画曲线之arcTo方法
2013/01/09 HTML / CSS
美国领先的在线旅游网站:Orbitz
2018/11/05 全球购物
e路東瀛(JAPANiCAN)香港:日本旅游、日本酒店和温泉旅馆预订
2018/11/21 全球购物
英国旅行箱包和行李箱购物网站:Travel Luggage & Cabin Bags
2019/08/26 全球购物
11月红领巾广播稿
2014/01/17 职场文书
销售经理岗位职责
2014/03/16 职场文书
学生抄袭作业的检讨书
2014/10/02 职场文书
起诉离婚协议书样本
2014/11/25 职场文书
2015年学生管理工作总结
2015/05/26 职场文书
初任公务员培训心得体会
2016/01/08 职场文书
vue封装数字翻牌器
2022/04/20 Vue.js