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.TreeView结合ASP.Net和数据库生成菜单导航条
Aug 27 Javascript
为指定的元素添加遮罩层的示例代码
Jan 15 Javascript
js判断为空Null与字符串为空简写方法
Feb 24 Javascript
apply和call方法定义及apply和call方法的区别
Nov 15 Javascript
在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)
Jan 20 Javascript
简单的分页代码js实现
May 17 Javascript
基于vue2的table分页组件实现方法
Mar 20 Javascript
Vue.js实现文章评论和回复评论功能
May 30 Javascript
angular bootstrap timepicker TypeError提示怎么办
Jun 13 Javascript
详解React-Router中Url参数改变页面不刷新的解决办法
May 08 Javascript
vue-cli3单页构建大型项目方案
Apr 07 Javascript
可拖拽组件slider.js使用方法详解
Dec 04 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生成shtml类用法实例
2014/12/09 PHP
php curl模拟post请求和提交多维数组的示例代码
2015/11/19 PHP
PHP使用strtotime获取上个月、下个月、本月的日期
2015/12/30 PHP
微信支付开发告警通知实例
2016/07/12 PHP
PHP实现webshell扫描文件木马的方法
2017/07/31 PHP
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
超级退弹代码
2008/07/07 Javascript
javascript 兼容所有浏览器的DOM扩展功能
2012/08/01 Javascript
JQUERY dialog的用法详细解析
2013/12/19 Javascript
使用Node.js实现一个简单的FastCGI服务器实例
2014/06/09 Javascript
js生成随机数的过程解析
2015/11/24 Javascript
JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
2017/04/24 Javascript
react开发中如何使用require.ensure加载es6风格的组件
2017/05/09 Javascript
JS声明对象时属性名加引号与不加引号的问题及解决方法
2018/02/16 Javascript
Vue v-model组件封装(类似弹窗组件)
2020/01/08 Javascript
[26:50]2018完美盛典DOTA2表演赛
2018/12/17 DOTA
Python Web框架Pylons中使用MongoDB的例子
2013/12/03 Python
常见的在Python中实现单例模式的三种方法
2015/04/08 Python
Python 专题三 字符串的基础知识
2017/03/19 Python
Python做简单的字符串匹配详解
2017/03/21 Python
定制FileField中的上传文件名称实例
2017/08/23 Python
python web基础之加载静态文件实例
2018/03/20 Python
浅谈Python在pycharm中的调试(debug)
2018/11/29 Python
Python分布式进程中你会遇到的问题解析
2019/05/28 Python
Python的历史与优缺点整理
2020/05/26 Python
HTML5新特性之type=file文件上传功能
2018/02/02 HTML / CSS
美国美妆网站:B-Glowing
2016/10/12 全球购物
lululemon美国官网:瑜伽服+跑步装备
2018/11/16 全球购物
中文系学生自荐信范文
2013/11/13 职场文书
销售口号大全
2014/06/11 职场文书
社会体育专业大学生职业生涯规划书
2014/09/17 职场文书
2014年英语教学工作总结
2014/12/17 职场文书
大学生团员个人总结
2015/02/14 职场文书
幼儿园开学家长寄语(2016秋季)
2015/12/03 职场文书
导游词之杭州西湖
2019/09/19 职场文书
Python中使用ipython的详细教程
2021/06/22 Python