2014-11-17 17 views
0

我已创建国家和城市作为可靠的菜单。当我选择所有下拉值并单击显示按钮时,它应该呈现创建的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代码并将其呈现到所需的部分?

+0

在成功的功能添加HTML到你想要表格的div $('#result_div')。html(html); – Billy

回答

3

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

你可以从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); 
    } 

应该做的伎俩希望它有助于

1

假设在HTML页面中,你有一个像这样为你的表一个div:

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

然后在你的Ajax请求的成功函数试试这个:

//.... 
success: function(html){ 
    $('.myTable').html(html) 
      } 
//.... 
相关问题