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 相关文章推荐
javascript 对象的定义方法
Jan 10 Javascript
window.event.keyCode兼容IE和Firefox实现js代码
May 30 Javascript
javascript实现焦点滚动图效果 具体方法
Jun 24 Javascript
JS简单实现登陆验证附效果图
Nov 19 Javascript
Jquery中"$(document).ready(function(){ })"函数的使用详解
Dec 30 Javascript
Jquery.Form 异步提交表单的简单实例
Mar 03 Javascript
将angular-ui的分页组件封装成指令的方法详解
May 10 Javascript
删除table表格行的实例讲解
Sep 21 Javascript
微信小程序 搜索框组件代码实例
Sep 06 Javascript
JS实现图片切换特效
Dec 23 Javascript
vue接通后端api以及部署到服务器操作
Aug 13 Javascript
JavaScript函数柯里化
Nov 07 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
PHP删除目录及目录下所有文件的方法详解
2013/06/06 PHP
PHP实现Huffman编码/解码的示例代码
2018/04/20 PHP
php实现微信和支付宝支付的示例代码
2020/08/11 PHP
PPK 谈 JavaScript 的 this 关键字 [翻译]
2009/09/29 Javascript
Javascript(AJAX)解析XML的代码(兼容FIREFOX/IE)
2010/07/11 Javascript
关于javascript中this关键字(翻译+自我理解)
2010/10/20 Javascript
js将控件隐藏的方法及display属性介绍
2013/07/04 Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
2014/03/20 Javascript
JavaScript不使用prototype和new实现继承机制
2014/12/29 Javascript
浅谈node.js中async异步编程
2015/10/22 Javascript
Bootstrap进度条与AJAX后端数据传递结合使用实例详解
2017/04/23 Javascript
JavaScript 中调用 Kotlin 方法实例详解
2017/06/09 Javascript
JS实现的数组去除重复数据算法小结
2017/11/17 Javascript
webpack之引入图片的实现及问题
2018/10/08 Javascript
浅谈webpack性能榨汁机(打包速度优化)
2019/01/09 Javascript
如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目
2019/01/20 Javascript
详解vue组件中使用路由方法
2019/02/12 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
2020/09/18 Javascript
[37:21]完美世界DOTA2联赛PWL S2 Inki vs Magma 第二场 11.22
2020/11/24 DOTA
python中关于for循环的碎碎念
2017/06/30 Python
Python中实现最小二乘法思路及实现代码
2018/01/04 Python
如何利用python查找电脑文件
2018/04/27 Python
numpy中的delete删除数组整行和整列的实例
2018/05/09 Python
解决python通过cx_Oracle模块连接Oracle乱码的问题
2018/10/18 Python
pycharm 实现调试窗口恢复
2021/02/05 Python
canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)
2018/01/10 HTML / CSS
Marks & Spencer爱尔兰:英国马莎百货
2016/04/20 全球购物
英国评分最高的女性剃须刀订阅盒:FFS Beauty
2018/01/25 全球购物
九年级家长会邀请函
2014/01/15 职场文书
工程专业应届生求职信
2014/02/19 职场文书
销售人员职业生涯规划范文
2014/03/01 职场文书
团队会宣传标语
2014/10/09 职场文书
教师个人考察材料
2014/12/16 职场文书
个人承诺书格式范文
2015/04/29 职场文书
2015年幼儿教师个人工作总结
2015/05/20 职场文书
2015年度高中教师工作总结
2015/05/26 职场文书