javascript - 如何在 PHP 标签外混合使用 json_encode 和 html 和 php

Question

我想用 php 标记之外的 json 编码通过一次 ajax 调用更新两个 div。我熟悉Update two divs with one AJAX response但是否有可能做类似的事情，但数据外部 < php ?>

我关闭了 php 并使用常规 html，而不是回显 ajax 响应，例如这里是代码服务器端:

<?php
//here some code that cheks some stuff
var $somvariable="Ipsum";
?>
<p>Lorem Lorem <?php echo $somvariable ; ?></p>

然后在ajax函数中我更新div，如下所示:

success:function(data, textStatus, jqXHR) 
{
//data: return data from server
$('#divid').html(data);
}

现在假设我必须使用 json_encode 创建两个变量来更新两个 div，这样我就可以做到:

success:function(data, textStatus, jqXHR) 
{
$('#dividone').html(data.one);
$('#dividtwo').html(data.two);
}

而我在 < ?php ?> 之外的代码太大，将其转换为普通字符串会非常耗时。我怎样才能做到这一点？我的猜测是使用原始 json 但如何呢？显然没有这样的:

<?php
echo json_encode(array(
    'one' => '?><p>Lorem Lorem <?php echo $somvariable ; ?></p><?php',
    'two' => '?><p>Lorem <?php echo $somvariable2 ; ?></p><?php'
));
?>

不会起作用，但我希望它能展示我试图完成的任务。

Answer 1

可能您需要在 php 中设置 header

header('Content-Type: application/json');

所以你的 php 代码应该是这样的

<?php
header('Content-Type: application/json');
echo json_encode(array(
    'one' => '<p>Lorem Lorem '.$somvariable.'</p>',
    'two' => '<p>Lorem  '.$somvariable2.'</p>'
));
?>

并在ajax中使用

success:function(data) 
{
   $('#dividone').html(data.one);
   $('#dividtwo').html(data.two);
}