js获取html文件的思路及示例


Posted in Javascript onSeptember 17, 2013
function readHTML(){ 
$.ajax({ 
async:false, 
url : "aa.html“, 
success : function(result){ 
alert(result); 
} 
}); 
}

async:false,这个是做与其他的js同步的,若为true或不填将会先运行同级别的其它代码,也就是说这里的result为空,只有其它代码执行完毕后才会运行里面的东西,result才会有值,这通常不是所需要的

表达的可能不是很清楚,自己做个测试就明了了,这是介绍此属性的一个详细的例子:http://www.cnblogs.com/wlmemail/archive/2010/06/22/1762765.html

注:这是使用的jQuery

使用js的话是下面的代码

var xmlhttp; 
if (window.XMLHttpRequest) { // 兼容 IE7+, Firefox, Chrome, Opera, Safari 
xmlhttp = new XMLHttpRequest(); 
} 
else { // 兼容IE6, IE5 
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
} 
xmlhttp.onreadystatechange = function() { 
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
document.getElementById("myDiv").innerHTML = xmlhttp.responseText; 
} 
} 
xmlhttp.open("GET", "aa.html", true); 
xmlhttp.send();

myDiv是你输出的位置,这个是定义在了页面上的一个div

这是我解决问题的来源:http://stackoverflow.com/questions/8197709/javascript-read-html-from-url-into-string
参考:http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first

Javascript 相关文章推荐
解决jquery的datepicker的本地化以及Today问题
May 23 Javascript
js 获取屏幕各种宽高的方法(浏览器兼容)
May 15 Javascript
最简单的JavaScript图片轮播代码(两种方法)
Dec 18 Javascript
js日期插件dateHelp获取本月、三个月、今年的日期
Mar 07 Javascript
再次谈论React.js实现原生js拖拽效果引起的一系列问题
Apr 03 Javascript
jQuery插件ajaxFileUpload异步上传文件
Oct 19 Javascript
基于Vue实现图书管理功能
Oct 17 Javascript
深入浅析Vue.js 中的 v-for 列表渲染指令
Nov 19 Javascript
详解vue使用插槽分发内容slot的用法
Mar 28 Javascript
laravel-admin 与 vue 结合使用实例代码详解
Jun 04 Javascript
vue+eslint+vscode配置教程
Aug 09 Javascript
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 jQuery
JS的Document属性和方法小结
Sep 17 #Javascript
JS画5角星方法介绍
Sep 17 #Javascript
js带按钮的提示框可供选择示例代码
Sep 17 #Javascript
今天是星期几的4种JS代码写法
Sep 17 #Javascript
关于javascript event flow 的一个bug详解
Sep 17 #Javascript
Node.js开发指南中的简单实例(mysql版)
Sep 17 #Javascript
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
Sep 16 #Javascript
You might like
php学习笔记之 函数声明(二)
2011/06/09 PHP
Yii2框架中使用PHPExcel导出Excel文件的示例
2017/08/09 PHP
php设计模式之中介者模式分析【星际争霸游戏案例】
2020/03/23 PHP
Yii 框架使用数据库(databases)的方法示例
2020/05/19 PHP
js动态在form上插入enctype=multipart/form-data的问题
2012/05/24 Javascript
javascript实现存储hmtl字符串示例
2014/04/25 Javascript
JS实现从表格中动态删除指定行的方法
2015/03/31 Javascript
浅谈js中对象的使用
2016/08/11 Javascript
js修改onclick动作的四种方法(推荐)
2016/08/18 Javascript
轻松掌握JavaScript中介者模式
2016/08/26 Javascript
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
2018/08/25 Javascript
微信运维交互机器人的示例代码
2018/11/12 Javascript
详解NodeJS Https HSM双向认证实现
2019/03/12 NodeJs
vue2.0 实现富文本编辑器功能
2019/05/26 Javascript
js计算最大公约数和最小公倍数代码实例
2019/09/11 Javascript
vue 项目打包时样式及背景图片路径找不到的解决方式
2019/11/12 Javascript
基于vue中的scoped坑点解说
2020/09/04 Javascript
Python中的pprint折腾记
2015/01/21 Python
python实现爬虫统计学校BBS男女比例之数据处理(三)
2015/12/31 Python
基于python实现在excel中读取与生成随机数写入excel中
2018/01/04 Python
Python 12306抢火车票脚本
2018/02/07 Python
python 2.7.14安装图文教程
2018/04/08 Python
Python决策树之基于信息增益的特征选择示例
2018/06/25 Python
如何优雅地改进Django中的模板碎片缓存详解
2018/07/04 Python
Python生成一个迭代器的实操方法
2019/06/18 Python
Flask框架搭建虚拟环境的步骤分析
2019/12/21 Python
Python时间差中seconds和total_seconds的区别详解
2019/12/26 Python
SmartBuyGlasses丹麦:网上购买名牌太阳镜、眼镜和隐形眼镜
2016/10/01 全球购物
韩国保养品、日本药妆购物网:小三美日
2018/12/30 全球购物
在线课程:Skillshare
2019/04/02 全球购物
FILA德国官方网站:来自意大利的体育和街头服饰品牌
2019/07/19 全球购物
自荐信包含哪些内容
2013/10/30 职场文书
客服专员岗位职责
2014/02/28 职场文书
2015年事业单位办公室文员工作总结
2015/04/24 职场文书
学校就业保障协议书
2019/06/24 职场文书
redis调用二维码时的不断刷新排查分析
2022/04/01 Redis