將在一頁中創建的表格發送到另一頁

我已創建國家和城市作爲可靠的菜單。當我選擇所有下拉值並單擊顯示按鈕時，它應該呈現創建的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代碼並將其呈現到所需的部分？

來源

2014-11-17 stackuser

在成功的功能添加HTML到你想要表格的div $（'＃result_div'）。html（html）; – Billy

在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>

來源

2014-11-17 15:14:22

你可以從tbl_create.php使用HTML（）jQuery函數追加返回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); 
    }

應該做的伎倆希望它有助於

來源

2014-11-17 15:14:19 noobHere

假設在HTML頁面中，你有一個像這樣爲你的表一個div：

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

然後在你的Ajax請求的成功函數試試這個：

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

來源

2014-11-17 15:15:00 Anarki

將在一頁中創建的表格發送到另一頁

回答

相關問題