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 相关文章推荐
excel操作之Add Data to a Spreadsheet Cell
Jun 12 Javascript
javascript在一段文字中的光标处插入其他文字
Aug 26 Javascript
JQuery 前台切换网站的样式实现
Jun 22 Javascript
mysql输出数据赋给js变量报unterminated string literal错误原因
May 22 Javascript
php中给js数组赋值方法
Mar 10 Javascript
浅析JavaScript声明变量
Dec 21 Javascript
详解WordPress开发中get_current_screen()函数的使用
Jan 11 Javascript
bootstrap日历插件datetimepicker使用方法
Dec 14 Javascript
jQuery.cookie.js实现记录最近浏览过的商品功能示例
Jan 23 Javascript
原生js实现验证码功能
Mar 16 Javascript
微信小程序实现图片压缩功能
Jan 26 Javascript
解决vue打包之后静态资源图片失效的问题
Feb 21 Javascript
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
WinXP + Apache +PHP5 + MySQL + phpMyAdmin安装全功略
2006/07/09 PHP
自动分页的不完整解决方案
2007/01/12 PHP
PHP使用pcntl_fork实现多进程下载图片的方法
2014/12/16 PHP
给PHP开发者的编程指南 第一部分降低复杂程度
2016/01/18 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
使用onbeforeunload属性后的副作用
2007/03/08 Javascript
JS小游戏之仙剑翻牌源码详解
2014/09/25 Javascript
JavaScript中的Web worker多线程API研究
2014/12/06 Javascript
jquery.map()方法的使用详解
2015/07/09 Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
2016/03/22 Javascript
jQuery Validate插件自定义验证规则的方法
2016/12/27 Javascript
JavaScript创建对象的常用方式总结
2018/08/10 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
2018/11/22 Javascript
写一个Vue Popup组件
2019/02/25 Javascript
详解Node.js异步处理的各种写法
2019/06/09 Javascript
layui 监听select选择 获取当前select的ID名称方法
2019/09/24 Javascript
vuex(vue状态管理)的特殊应用案例分享
2020/03/03 Javascript
Node.js API详解之 tty功能与用法实例分析
2020/04/27 Javascript
python中list循环语句用法实例
2014/11/10 Python
Python中的hypot()方法使用简介
2015/05/18 Python
Python实现的多进程和多线程功能示例
2018/05/29 Python
Python中的Numpy矩阵操作
2018/08/12 Python
Python3分析处理声音数据的例子
2019/08/27 Python
如何基于Python实现自动扫雷
2020/01/06 Python
HTML文本属性&颜色控制属性的实现
2019/12/17 HTML / CSS
美国时尚女装在线:Missguided
2016/12/03 全球购物
德国的大型美妆个护电商:Flaconi
2020/06/26 全球购物
我们的节日清明节活动方案
2014/03/05 职场文书
教师工作失职检讨书
2014/09/18 职场文书
2014年外联部工作总结
2014/11/17 职场文书
2014年客房部工作总结
2014/11/22 职场文书
2014年个人思想工作总结
2014/11/27 职场文书
社区活动总结
2015/02/04 职场文书
2016猴年开门红标语口号
2015/12/26 职场文书
python中的sys模块和os模块
2022/03/20 Python
Smart 2 车辆代号 HC11 全新谍照曝光
2022/04/21 数码科技