Question

我有很多html文件，其中一个是主要的html页面，我有很多按钮。我想要的是在主html文件中加载所需div标签中的一个文件的内容。我不希望单个文件包含整个html文本，因此我想将不同文件中的html文本分开，并仅在用户点击的按钮点击时加载该部分。

Answer 1

请尝试使用此代码。

<html lang="en">
<head>
<meta charset="utf-8">
<title>load index page</title>
<style>
body{ font-size: 12px; font-family: Arial; }
</style>
<script src="jquery.js"></script>
</head>
<body>
<b>Successful Response (should be blank):</b>
<div id="success"></div>
<b>Error Response:</b>
<div id="error"></div>
<script>
var browser=navigator.userAgent;

alert("ASHIk");
$("#success").load("index.php", function(response, status, xhr) {
if (status == "error") {
var msg = "Sorry but there was an error: ";
$("#error").html(msg + xhr.status + " " + xhr.statusText);
}
});

</script>
</body>
</html

Answer 2

对于angular.js来说，它看起来很棒。看看这个：

https://docs.angularjs.org/tutorial/step_07

Answer 3

您可以使用ajax调用（使用JQuery）加载新的HTML文件，并将响应发送到相关的div中。

    $.ajax({
        url: <YourUrl>,
        type: "GET",
        dataType: "html",
        cache: false,
        success: function (data) {
            $('#TargetDiv').replaceWith($(data));
        }
    }

点击按钮，在另一个html文件中包含一个html页面

3 个答案: