gpt4 book ai didi

javascript - 如何使用ajax将新页面加载到div

转载 作者:搜寻专家 更新时间:2023-11-01 05:01:06 26 4
gpt4 key购买 nike

我的网站由两个页面组成。我正在尝试将第 2 页加载到第 1 页的 div 中,然后显示第 2 页 onclick。我正在尝试使用以下不起作用的代码。我是新手,如果这只是一个愚蠢的问题,我深表歉意。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.ajax({url:"myPage2.html",success:function(result){
$("#div1").html(result);
}});
});
});
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>

</body>
</html>

最佳答案

您的问题不在于您的代码。正如您在 this Plnkr 中看到的那样它运行没有任何问题。

.load()函数可以简化您当前的代码,但它不会解决您的实际问题,因为它只是语法糖。

由于某些原因,您的浏览器无法找到 myPage2.html,因此无法正确显示它。

关于javascript - 如何使用ajax将新页面加载到div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20982752/

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