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

时间:2014-05-15 10:33:23

标签: c# php jquery html ajax

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

3 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

对于angular.js来说,它看起来很棒。看看这个:

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

答案 2 :(得分:0)

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

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