gpt4 book ai didi

javascript - 如何在我的 Firefox OS 应用程序的服务器中加载远程内容 - 在 Web 和 FxOS 设备中

转载 作者:行者123 更新时间:2023-11-28 07:29:08 26 4
gpt4 key购买 nike

我在论坛中没有发现这个问题,所以我写了这篇文章。

当我从服务器获取远程内容时,我的 FirefoxOS 设备(Geeksphone 开发者预览版)中的 FirefoxOS 应用程序出现问题。

自从我的 JS 文件以来,我正在通过 AJAX 调用服务器中的 PHP 文件,并且它会在我的 HTML 文件中打印 contentResult。已正确完成。

这是 javascript 文件内容

window.addEventListener('DOMContentLoaded', function() {
'use strict';
var translate = navigator.mozL10n.get;
navigator.mozL10n.once(start);
function start() {
var message = document.getElementById('message');
message.textContent = translate('message');
show_content();
}
document.getElementById("btn_1").addEventListener("click",function(){
console.log("hola mundo");
alert("hola mundo");
});

document.getElementById("btn_2").addEventListener("click",function(){
console.log("adios mundo");
alert("adios mundo");
});

function show_content(){
var xmlhttp = new XMLHttpRequest();
var url = server_path + "ejemplo.php";
xmlhttp.open("GET", url, true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("txt_server").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.send();
}

});

function aviso(){
console.log("clicked");
alert("clicked");
}

这是 HTML 文件内容

<html>
<head>
<meta charset="utf-8">
<title>Example app</title>
<meta name="description" content="A privileged app stub">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/app.css">
<script type="text/javascript" src="js/app.js" defer></script>
<link rel="prefetch" type="application/l10n" href="data/locales.ini" />
<script type="text/javascript" src="js/libs/l10n.js" defer></script>
</head>
<body>
<section>
<h1 data-l10n-id="app_title">My example app</h1>
<p data-l10n-id="app_description">With this example, I want to show a button loaded in HTML and then load content from server by XMLHttpRequest. Two buttons will have click function developed, with alert and console message.</p>
<p id="message"></p>
<button class="wide" data-l10n-id="btn_1" id="btn_1">Click me 1</button>
<button class="wide" data-l10n-id="btn_2" id="btn_2" hidden></button>
<p><span id="txt_server"></span></p>
</section>
</body>
</html>

这是PHP文件内容

<?php
//to solve CORS advice
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: Origin, X-Requested-With,Content-Type, Accept");
header("Content-Type: text/html;charset=utf-8");

echo "<button class=\"wide\" data-l10n-id=\"btn_2\" id=\"btn_2\">Click me 2</button><br/>";
echo "<a onclick=\"aviso();\" class=\"wide\">Click me 3</a>";

?>

所以,问题是:

  1. 当我调用 PHP 文件时动态创建的按钮没有可点击的功能,在 Web 和 FxOS 应用程序中也没有。
  2. “a”元素也是在调用 PHP 文件时创建的,位于网络它有可点击的功能[它显示警报和日志]但在应用程序中安装在 FxOS 设备中它不会执行任何操作。

在此link你可以测试一下我想向你解释的内容。如果你想查看代码,这里有一个 zip 文件。 zip file

感谢您的宝贵时间。如果有不明白的地方可以问我。

最佳答案

听起来像是 CSP 违规 ( https://developer.mozilla.org/en-US/Apps/Build/Building_apps_for_Firefox_OS/CSP ) 您无法使用 onclick。

关于javascript - 如何在我的 Firefox OS 应用程序的服务器中加载远程内容 - 在 Web 和 FxOS 设备中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29302632/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com