我有一些 HTML 如下：
Select a file : <input type="file"><br><br>
Html Codes : <textarea id="displayHtml"></textarea><br><br>
<div id="displayPage">Display the Html Page here</div>
现在我如何从本地硬盘浏览外部 HTML 文件并在 div 中显示页面预览#displayPage并将文件的 HTML 标签放入文本区域#displayHtml？我不知道该怎么做，所以请帮忙。
我的小提琴在这里：https ://jsfiddle.net/zm6ga2ev/1/
据我所知,我的问题是我的GET请求未经授权.但我尝试在标头中添加授权或在URL(api密钥,用户名,密码)中添加值是不成功的.
例如.
$.ajax({
type: 'get',
async: false,
beforeSend: function(xhr){
xhr.setRequestHeader('Authorization', 'Basic encodedusername:passwordhere');
},
url: "https://api.pingdom.com/api/2.0/checks",
success: function(Data) {
console.log(Data);
},
error: function(Data) {
}
});
任何人都可以建议纠正Javascript语法与Pingdom API进行交互吗？我相信我正在尝试不正确地授权他们的文档侧重于我在这种情况下无法使用的PHP.
https://www.pingdom.com/services/api-documentation-rest/#authentication
我们为客户提供第三方网站.通常,当我们处理RFP时,我们会被问到是否可以将我们的网站嵌入客户的网站.我们的许多潜在客户都有不寻常的限制或要求,例如"不要使用iframe".
为此,我被要求确保我们即将对我们的网站进行重新设计,这使得以至少两种方式嵌入客户网站变得切实可行.
在另一个网站中嵌入功能齐全的网站(与跨站点图像或静态内容相对)的方法如下:
iframe - 大量使用,经常受到诽谤,我们以前的一些RFP特别排除了这种可能性.
对象/嵌入标签 - 回过头来,可以像嵌入flash对象一样将完整功能的HTML页面嵌入到另一个页面中.
Ajax - 据说能够将完整站点加载到HTML对象(例如div标记)中,但由于跨域请求的危险,似乎还有其他安全问题需要跳过.
是否有其他方法可以将完整网站放在另一个域中？上面三个中的任何一个都有任何警告或限制(例如,我们的网站使用AJAX调用登录并更新一些用户定义的设置,这些都将在上述每个嵌入策略中正确运行吗？)我可能是不知道？
提前致谢.
请参阅下面的代码片段。我希望 iframe 中的输出文本显示在 #source div 中。我\xe2\x80\x99m 正在努力解决这个问题，并且很感谢任何想法。如何将 iframe 中的输出文本复制到 div？\n（如果 div #sourcediv 包含“文本”，脚本会在 div #show 中写入“可以看到文本！”，否则“无法看到文本！”。）
\n\n<html>\r\n<body>\r\n\r\n<div id="source"></div>\r\n<div id="show"></div> \r\n\r\n<script> \r\nif (document.getElementById(\'source\').innerHTML.indexOf("Text") != -1)\r\n{document.getElementById(\'show\').innerHTML="Can see text!";}\r\nelse{document.getElementById(\'show\').innerHTML="Cannot see text!";}\r\n</script>\r\n\r\n<iframe id="iframe" src="http://majaulrika.esy.es/text.txt">\r\n\r\n</body>\r\n</html>我使用Jsoup库从url中获取元数据.
Document doc = Jsoup.connect("http://www.google.com").get();
String keywords = doc.select("meta[name=keywords]").first().attr("content");
System.out.println("Meta keyword : " + keywords);
String description = doc.select("meta[name=description]").get(0).attr("content");
Elements images = doc.select("img[src~=(?i)\\.(png|jpe?g|gif)]");
String src = images.get(0).attr("src");
System.out.println("Meta description : " + description);
System.out.println("Meta image URl : " + src);
但我想在客户端使用javascript进行此操作
这是非常著名的浏览器错误。我知道已经对此进行了很多讨论，但是我注意到这是一个非常普通的错误，因此我想介绍一下我的问题。
我正在可以访问的服务器上进行简单的请求（获取，发布）。我的浏览器（chrome，firefox）给我Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at url (Reason: CORS header 'Access-Control-Allow-Origin' does not match 'null').错误。
当我使用某些（黑客）插件时，我得到的响应很好。
我尝试过的是在后端（在服务器上）添加：
header('Access-Control-Allow-Origin: *');
在index.php文件中没有运气。还有其他想法吗？
javascript ×4
cross-domain ×3
html ×3
ajax ×2
iframe ×2
php ×2
angularjs ×1
api ×1
embed ×1
embedding ×1
httprequest ×1
jquery ×1
metadata ×1
pingdom ×1