Javascript 带有echo的ajax代码<；脚本>；不行

我有以下ajax代码：

<script>
    $(document).ready(function() {
        $('ul#tab li:first').html('<?php echo $channel;?>');
        $('ul#tabs li').on("click", function() {
            //        $('ul#tab li.active').html($(this).html());
            $('ul#tab li').html("");
            //$('ul#tab li.active').html($(this).html());
            var index = $("ul#tabs li").index($(this));
            $.post("../admin/ajax/ch1.php", {
                index: index
            }, function(result) {
                $('ul#tab li.active').html(result);
            });
        });
    });
</script>

$（文档）.ready（函数（）{
$（'ul#tab li:first'）.html（“”）；
$（'ul#tabs li'）。在（“单击”，函数（）上）{
//$（'ul#tab li.active'）.html（$（this.html（））；
$（'ul#tab li'）.html（“”）；
//$（'ul#tab li.active'）.html（$（this.html（））；
var指数=$（$）。指数（$（本））；
$.post（“../admin/ajax/ch1.php”{
索引：索引
}，函数（结果）{
$（'ul#tab li.active'）.html（结果）；
});
});
});

并且在php ch1.php中是

<?php
$ch1tab1= file_get_contents("../channels/ch1tab1.html");
$ch1tab2= file_get_contents("../channels/ch1tab2.html");
$ch1tab3= file_get_contents("../channels/ch1tab3.html");
$ch1tab4= file_get_contents("../channels/ch1tab4.html");
$ch1tab5= file_get_contents("../channels/ch1tab5.html");
$channel = $_POST['index'];
if ($_POST['index'] == 0 ){ $channel = $ch1tab1;}
else if ($_POST['index'] == 1){ $channel = $ch1tab2;}
else if ($_POST['index'] == 2 ){ $channel= $ch1tab3;}
else if ($_POST['index'] == 3 ) {$channel = $ch1tab4;}
else if ($_POST['index'] == 4 ) {$channel = $ch1tab5;}
echo $channel; ?>

变量ch1tab4有一个代码，它不工作，回显空白

---

plz应该怎么做？

为什么不使用jQuery的

.load（）

函数？它使用以下语法：

$(selector).load(URL,data,callback); 

---

变量ch1tab4有一个脚本代码，它不工作，如果它不回显，那就是你的问题。另外，我不确定

{index:index}

是否是一个好主意，也许可以将index变量更改为其他名称。