Javascript .append()未追加PHP代码

Javascript .append()未追加PHP代码,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,您好,我是一名PHP初学者,我正在尝试使用Jquery.append()将一个简单的includePHP代码附加到html中的 PHP代码 <?php $cupSize = " <br><br> <table width=\"100%\" border=\"0\"> <tr> <td> <div class=\"mainBox2\" id=\"l

您好,我是一名PHP初学者,我正在尝试使用Jquery
.append()
将一个简单的
include
PHP代码附加到html中的

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'; ?> ");
});
$('#misc')。单击(函数(){
$('.second')。追加(“”);
});
但是它不起作用,什么也没发生。我在StackOverflow上搜索过,有一些关于Ajax的答案,但是我没有服务器端编程的经验。我只擅长CSS、HTML和Jquery。所以也许帮我:)


谢谢

您正在尝试将原始HTML文本转储到javascript上下文中

e、 假设您的php
include()
和其他什么都不起作用,您将生成一个如下所示的页面

$('.second').append("<br><br> blah blah " quote here " quote there etc....");
$('.second')。追加(“

诸如此类”这里引用“那里引用等”);
并用语法错误彻底杀死JS代码块

您永远不能将任意html文本转储到JS上下文中并期望它正常工作

BARE MININUM中,您需要对文本进行json_编码,使其至少成为语法有效的javascript:

.append(<?php echo json_encode($cupSize); ?>)
.append()
那会产生什么

.append("<br><br> blah blah \" quote here \" quote there ....");
.append(

诸如此类的“此处引用”或“此处引用…”);

请注意内部引号是如何转义的。

您正试图将原始HTML文本转储到javascript上下文中

e、 假设您的php
include()
和其他什么都不起作用,您将生成一个如下所示的页面

$('.second').append("<br><br> blah blah " quote here " quote there etc....");
$('.second')。追加(“

诸如此类”这里引用“那里引用等”);
并用语法错误彻底杀死JS代码块

您永远不能将任意html文本转储到JS上下文中并期望它正常工作

BARE MININUM中,您需要对文本进行json_编码,使其至少成为语法有效的javascript:

.append(<?php echo json_encode($cupSize); ?>)
.append()
那会产生什么

.append("<br><br> blah blah \" quote here \" quote there ....");
.append(

诸如此类的“此处引用”或“此处引用…”);

请注意内部引号是如何转义的。

您正试图将原始HTML文本转储到javascript上下文中

e、 假设您的php
include()
和其他什么都不起作用,您将生成一个如下所示的页面

$('.second').append("<br><br> blah blah " quote here " quote there etc....");
$('.second')。追加(“

诸如此类”这里引用“那里引用等”);
并用语法错误彻底杀死JS代码块

您永远不能将任意html文本转储到JS上下文中并期望它正常工作

BARE MININUM中,您需要对文本进行json_编码,使其至少成为语法有效的javascript:

.append(<?php echo json_encode($cupSize); ?>)
.append()
那会产生什么

.append("<br><br> blah blah \" quote here \" quote there ....");
.append(

诸如此类的“此处引用”或“此处引用…”);

请注意内部引号是如何转义的。

您正试图将原始HTML文本转储到javascript上下文中

e、 假设您的php
include()
和其他什么都不起作用,您将生成一个如下所示的页面

$('.second').append("<br><br> blah blah " quote here " quote there etc....");
$('.second')。追加(“

诸如此类”这里引用“那里引用等”);
并用语法错误彻底杀死JS代码块

您永远不能将任意html文本转储到JS上下文中并期望它正常工作

BARE MININUM中,您需要对文本进行json_编码,使其至少成为语法有效的javascript:

.append(<?php echo json_encode($cupSize); ?>)
.append()
那会产生什么

.append("<br><br> blah blah \" quote here \" quote there ....");
.append(

诸如此类的“此处引用”或“此处引用…”);

请注意内部引号是如何转义的。

您不能通过javascript将PHP代码添加到浏览器中显示的HTML中,因为您的web浏览器中不会运行PHP解释器来处理它。PHP包含不是您想要的

您可能希望从HTML对进行AJAX调用,并附加该PHP脚本的HTML输出

差不多

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

可能会用作您的函数。

您不能通过javascript将PHP代码添加到浏览器中显示的HTML中,因为您的web浏览器中不会运行PHP解释器来处理它。PHP包含不是您想要的

您可能希望从HTML对进行AJAX调用,并附加该PHP脚本的HTML输出

差不多

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

可能会用作您的函数。

您不能通过javascript将PHP代码添加到浏览器中显示的HTML中,因为您的web浏览器中不会运行PHP解释器来处理它。PHP包含不是您想要的

您可能希望从HTML对进行AJAX调用,并附加该PHP脚本的HTML输出

差不多

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

可能会用作您的函数。

您不能通过javascript将PHP代码添加到浏览器中显示的HTML中,因为您的web浏览器中不会运行PHP解释器来处理它。PHP包含不是您想要的

您可能希望从HTML对进行AJAX调用,并附加该PHP脚本的HTML输出

差不多

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

可能会用作您的函数。

您需要进行ajax调用,以获取不在同一文档中的php脚本的输出。比如:

$('#misc').click(function(){
        $.ajax({
            url : "cupCustomizer.php",
            type: "POST",
            success: function(data, textStatus, jqXHR) {
                $(".second").append(data);
            },
            error: function (jqXHR, textStatus, errorThrown){
                console.log('OOPS! Something went wrong');
            }
        });
});

您将需要进行ajax调用,以获取不在同一文档中的php脚本的输出。比如:

$('#misc').click(function(){
        $.ajax({
            url : "cupCustomizer.php",
            type: "POST",
            success: function(data, textStatus, jqXHR) {
                $(".second").append(data);
            },
            error: function (jqXHR, textStatus, errorThrown){
                console.log('OOPS! Something went wrong');
            }
        });
});

您将需要进行ajax调用,以获取不在同一文档中的php脚本的输出。比如:

$('#misc').click(function(){
        $.ajax({
            url : "cupCustomizer.php",
            type: "POST",
            success: function(data, textStatus, jqXHR) {
                $(".second").append(data);
            },
            error: function (jqXHR, textStatus, errorThrown){
                console.log('OOPS! Something went wrong');
            }
        });
});

您将需要进行ajax调用,以获取不在同一文档中的php脚本的输出。比如:

$('#misc').click(function(){
        $.ajax({
            url : "cupCustomizer.php",
            type: "POST",
            success: function(data, textStatus, jqXHR) {
                $(".second").append(data);
            },
            error: function (jqXHR, textStatus, errorThrown){
                console.log('OOPS! Something went wrong');
            }
        });
});

在.js文件中有JQuery脚本吗?如果是,您的PHP解释器不会解释它。您可以通过将以下内容添加到.htaccess文件来更改此设置:

<FilesMatch "\.(js)$">
AddHandler application/x-httpd-php .js
</FilesMatch>

AddHandler应用程序/x-httpd-php.js

您是否在.js文件中有JQuery脚本?如果是,您的PHP解释器不会解释它。您可以通过添加