Question

我创建了国家和城市作为可靠的菜单。当我选择所有下拉值并单击显示按钮时，它应该在显示按钮下方呈现创建的html表，如下图所示。

为了创建表格，当我点击显示按钮时，它会加载javascript代码并将ajax请求发送到另一个php页面。在这个php页面表中创建。如何在“显示”按钮下方的部分中呈现如此创建的html表。

Main Page

我在index.php页面中的javascript代码是

<script type="text/javascript">

    function tbl_display(){
     var sel_countryid= $("sel_country").val();
          var sel_cityid= $("#sel_city").val();
          var dataString = 'sel_countryid='+ sel_countryid+ '&sel_cityid='+ sel_cityid;  
         alert(dataString);
          if(sel_regionid=='' || sel_lbtype=='')
              {

                  alert("Please enter Valid Data");
              }
           else
           {
                $.ajax({
              type: "POST",
              url: "tbl_create.php",
              data: dataString,
              cache: true,
              success: function(html){

              }

              });

           }   

         } 
    </script>

我在tbl_create.php页面中创建了表。

如何使用这样创建的表格在显示按钮下方渲染，或者如何将创建的html表格传递给javascript代码并将其渲染到所需的部分？

Answer 1

在ajax函数中将dataType设置为html，并在其成功函数中将结果输出到表单下方的<div>：

 $.ajax({
     type: "POST",
     url: "tbl_create.php",
     data: dataString,
     dataType: "html",
     cache: true,
     success: function (html) {
        $("#target").html(html);
     }

 });

html：

<!-- your form is here -->
<div id="target"></div>

Answer 2

你可以使用html（）jquery函数从tbl_create.php追加返回html表

所以返回必须是字符串

$table = "<table><tr><td>THIS IS A TABLE</td><td>FIRST ROW</td></tr></table>";

return $table

如果返回赢了

尝试

echo $table

然后在成功函数

success: function(html){
      $('#appendReturnTable').html(html);
  }

应该做的伎俩希望它有所帮助

Answer 3

假设在您的html页面中，您的表格有一个div：

 <div class="myTable"></div>

然后在你的ajax请求的成功函数中试试这个：

//....
success: function(html){
     $('.myTable').html(html)
          }
//....

将在一个页面中创建的表发送到另一个页面

3 个答案: