如何使用 JQuery 或 AJAX 添加 php include 语句答案

【问题标题】：How to add a php include statement with JQuery or AJAX如何使用 JQuery 或 AJAX 添加 php include 语句
【发布时间】：2014-10-28 10:32:01
【问题描述】：

所以我试图在按钮点击时添加两个 SVG。我有 2 个“男”和“女”按钮，每个按钮都会加载一个 SVG。

一开始男性 SVG 是默认加载的，点击后它必须改变。

这是 HTML 代码。

        <div id="svgDivMale"> 
            <?php include"shirtBasic.svg" ?>
        </div>

这是点击后的样子。

        <div id="svgDivFemale"> 
            <?php include"girlShirtSVG.svg" ?>
        </div>

我已经阅读了有关堆栈溢出的其他问题，这通过 Jquery 是不可能的，但必须有某种方法。

谢谢。

【问题讨论】：

php 运行在服务端，JS 运行在客户端。您不能让 js 更改包含，因为当 js 甚至准备好执行此类操作时，服务器上的 php 内容将关闭/终止。
你能同时加载两者并根据按钮点击隐藏其中一个吗？
@MarcB 是对的，如果你想在 jQuery 中包含一些东西，请使用 load() api.jquery.com/load
看看这个问题——我认为它会让你朝着更好的方向前进。 stackoverflow.com/questions/11401500/…
包括两者并根据需要隐藏/显示。

标签： javascript php jquery ajax svg

【解决方案1】：

你有点过于复杂了，不是问题，但很容易。

为什么我为你提供 jQuery 加载，因为我认为你想将 javascript 与 php 混合使用。

所以只需操作 DOM。

你想要首先显示男性吗？

所以在你的 html 中保持原样

<div id="svgDivMale"> 
  <?php include"shirtBasic.svg" ?>
</div>    

<div id="svgDivFemale"> 
   <?php include"girlShirtSVG.svg" ?>
</div>

隐藏女性的 SVG

css

#svgDivFemale {
  display: none;
}

从这里你只需要创建一个按钮，就像我不知道一样

基本示例

html 按钮

<button id="showMale">Show male SVG</button>
<button id="showFemale">Show female SVG</button>

jQuery

    $('#showMale').on('click', function(){
        $('#svgDivMale').show();
        $('#svgDivFemale').hide();
    });

    $('#showFemale').on('click', function(){
        $$('#svgDivMale').hide();
        $('#svgDivFemale').show();
    })

【讨论】：

哇，我真笨。我将相同的 CSS 属性应用于 SVG 文件本身，却忘记了它实际上是一个内联文件。非常感谢:)
你不傻，每个人都犯了最小的错误，如果有帮助请标记我的回答，顺便很高兴帮助:)