javascript - .append() 不附加 PHP 代码

Question

嗨，我是 PHP 初学者，我正在尝试附加一个简单的 include <section> 中的 php 代码在 html 中使用 Jquery .append() .

PHP 代码

<?php
    $cupSize = "
    <br><br>
    <table width=\"100%\" border=\"0\">
        <tr>
        <td>
            <div class=\"mainBox2\" id=\"largeCup\">
                <div class=\"mainSubBox2L\"> 
                    Large
                </div>
            </div>
        </td>

        <td>
            <div class=\"mainBox2\" id=\"smallCup\">
                <div class=\"mainSubBox2S\">
                    Small
                </div>
            </div>
        </td>

        <td>
            <div class=\"mainBox2\" id=\"mixCup\">
                <div class=\"mainSubBox2MP\">
                    Mix
                </div>
            </div>
        </td>
        </tr>
    </table>";

    echo $cupSize;  
?>

Jquery代码

$('#misc').click(function(){
    $('.second').append("<?php include 'cupCustomizer.php'; ?> ");
});

但是它不起作用并且什么也没有发生。我在 StackOverflow 上搜索，有一些 Ajax 的答案，但是我没有服务器端编程的经验。我只擅长 CSS、HTML 和 Jquery。所以也许可以帮助我:)

谢谢

Answer 1

您无法通过 JavaScript 将 PHP 代码添加到浏览器中显示的 HTML，因为您的 Web 浏览器中不会运行 PHP 解释器来处理它。 PHP Include 不是您想要的。

您可能想要对 http://yourhost.com/restofurl/cupCustomizer.php 进行 AJAX 调用来自 HTML，并附加该 PHP 脚本的 HTML 输出。

类似

$('#misc').click(function()
{
  $.get('cupCustomizer.php', function(data) 
  {
    $('.second').append(data);
  }
  );
});

可能会作为你的函数。