javascript - 如何在JQuery/HTML中反射(reflect)PHP变量的变化

Question

我在 php 中有一个 $return ，它根据表单上发布的内容而变化。这是 JQuery 和 HTML 代码:

$(function() {
           $('#query_sort').on('change', function(event) {
               var query_sort = $(this).val();
               alert(query_sort);

               if(query_sort) {
                   $.ajax({
                       method: "POST",
                       url: "/_php/nds/return_criteria_checkbox.php",
                       data: {query_sort: query_sort}
                   })
                       .done(function(data){
                           alert(<?php echo $query; ?>);
                           $('#dashboard_table_tbody').html(<?php echo $return; ?>);
                   });
               }
            });
        });

对于我的 body ，

<tbody id = "dashboard_table_tbody" style = "height: 10px;">
    <?php echo $return; ?>
</tbody>

即使我更改表单(在更改时会自动提交(无需刷新网页))，$return 也会更改，但 HTML 页面不会反射(reflect)该更改。我可以做什么来更新它？

Answer 1

您混淆了客户端和服务器端技术。
PHP 是一种服务器端语言，JS 是一种客户端语言。

要完成您需要的操作，您必须使用 javascript。
您的 return_criteria_checkbox.php 文件应返回类似以下内容:

return_criteria_checkbox.php

echo json_encode(['return_from_php' => 'something you want to return']);

您的 HTML 文件将变为:

$(function() {
       $('#query_sort').on('change', function(event) {
           var query_sort = $(this).val();
           alert(query_sort);

           if(query_sort) {
               $.ajax({
                   method: "POST",
                   url: "/_php/nds/return_criteria_checkbox.php",
                   data: {query_sort: query_sort}
               })
                   .done(function(data){
                       $('#dashboard_table_tbody').html(data.return_from_php);
               });
           }
        });
    });