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

Question

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

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

我在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，然后在其success函数中，将结果输出到表单下方的<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)
          }
//....