gpt4 book ai didi

javascript - Ajax 代码在 html 中不起作用

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

我正在尝试使用ajax获取onw.html页面中two.html的所有内容,但不知道它在短期内无法工作,必须开发一页应用程序n url不应该在下面加载我的代码.

<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
// Check browser support
function demo()
{
var name=document.getElementById('dd').value;

if (typeof(Storage) !== "undefined") {
// Store
localStorage.setItem("lastname", name);
// Retrieve
} else {
document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage...";
}
}

$(document).ready(function(){
$("button").click(function(){

$.ajax({
url: "two.html",
success: function(result){
$("#result").html(result);
}});
});
});
</script>
</head>

<body>
<div id="result"></div>
<input id="dd" type="text" onblur="demo()" >
<br/>
<button>two</button>
<br/>
write something & click on link it will redirect to another page.
close this page and open three.html page.

<br/>
<img src="1.png" alt="da" style="width:150px;height:150px"></img>
</body>

两个.html

  <!DOCTYPE html>
<html>
<body id="body">

<div id="result"></div>
<label>Second Page</label>
<script>
if (typeof(Storage) !== "undefined") {
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
} else {
document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage...";
}
</script>
<img src="2.gif" alt="da" style="width:150px;height:150px"></img>
</body>
</html>

最佳答案

Chrome 的内部设置阻止了您的请求,因为您没有使用受支持的方案,即(http、data、chrome、chrome-extension、https、chrome-extension-resource)。

简单地说,您正在从桌面运行该文件,因此文件地址以 file:// 开头,而不是 http://https://

您需要从作为 localhost 的服务器设置运行该文件或将文件上传到远程服务器。

您还可以使用简写版本 .get() 来简化您的代码:

$(document).ready(function(){
$("button").click(function(){
$.get( "two.html", function( result ) {
$( "#result" ).html( result );
});
});
});

显然,您也可以set a flag in chrome to override the scheme requirement ,但最好只在具有正确方案的服务器上运行文件,并且如果您确实更改了标志,请务必在完成本地测试后恢复它,毕竟它的存在是有原因的。

关于javascript - Ajax 代码在 html 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33030363/

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