通过单击按钮更改 PHP 包含（“link.php”）答案

【问题标题】：Change PHP include ("link.php") by click buttons通过单击按钮更改 PHP 包含（“link.php”）
【发布时间】：2016-10-07 08:46:51
【问题描述】：

如何通过单击按钮更改 PHP 包含（“link.html”）。

<?php include('link1.html')?>
BUTTON 1 change <?php include('link1.html')?> to <?php include('link2.html')?>
BUTTON 2 change <?php include('link1.html')?> to <?php include('link3.html')?>
BUTTON 3 change <?php include('link1.html')?> to <?php include('link4.html')?>

如何在不刷新页面的情况下执行此操作。使用 ajax？

【问题讨论】：

link1.php 是否包含 HTML 内容？如果要更改 HTML 内容，则定义一个具有唯一 ID 的 div，并且可以使用 ajax 调用更改内容。
是的，所有的 php 文件只包含 HTML 内容。，编辑：我更改扩展名。
@RahulPatel 让我试试这个。
请尝试答案。

标签： php ajax

【解决方案1】：

使用具有唯一 ID 的 DIV 包装 include('link1.html');。然后点击按钮调用一个ajax并替换DIV内容。

请尝试以下代码。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="DIVID">
    <?php
        include('link1.html');
    ?>
</div>
<button onclick="btnclick('link2.html')">Button 1</button>
<button onclick="btnclick('link3.html')">Button 2</button>
<button onclick="btnclick('link3.html')">Button 3</button>
<script type="text/javascript">
    function btnclick(_url){
        $.ajax({
            url : _url,
            type : 'post',
            success: function(data) {
             $('#DIVID').html(data);
            },
            error: function() {
             $('#DIVID').text('An error occurred');
            }
        });
    }
</script>

【讨论】：

【解决方案2】：

你可以用 jquery 做到这一点，例如：

PHP 代码：

<div id="mainDiv"><?php include('link1.html')?></div>
<button onclick="change2()">Button 1</button><br />
<button onclick="change3()">Button 2</button><br />
<button onclick="change4()">Button 3</button><br />

JQuery 代码

function change2() {
  $('#mainDiv').load('link2.html');
}

function change3() {
  $('#mainDiv').load('link3.html');
}

function change4() {
  $('#mainDiv').load('link4.html');
}

不要忘记包含 de JQuery

<script src="jquery/jquery.min.js"></script>

【讨论】：

【解决方案3】：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  
<button onclick="include( $( this ) )" value="2">Button 1</button>
<button onclick="include( $( this ) )" value="3">Button 2</button>
<button onclick="include( $( this ) )" value="4">Button 3</button>
<div id="included_page"><?php include('link1.html')?></div>

function include(elem)
{
  var page = elem.val();
  $.ajax({
    url: "link" + page + ".html",
    type: "GET"
  }).done(function(msg) {
    $('#included_page').html(msg);
    })
  })
}

我不擅长 ajax，但如果您遇到任何问题，请告诉我们。

【讨论】：