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

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 并在它的成功函数中将结果输出到 <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>