我有ajax响应,我已经在firefox的控制台中检查过。但是我需要在php中将该响应显示为html表

时间:2017-07-11 15:38:25

标签: javascript php jquery html ajax

这是我的ajax代码

$(document).ready(function(){
  $('.category-link').click(function(e){
  e.preventDefault();
  var href = $(this).data('hash');
  var value = href.substring(1);
  getresultCategory('ajax.php?Category='+value);
  });


   function getresultCategory(url){
    $.ajax({
   url:url,
    type:'GET',
    success:function(){ 
     alert('sucess');
  } 
 });
 }
});
</script>";

以下是我在firefox控制台中获得的响应

<div id="data-result">
<table class='cat_table'>
<tr><td>WFM</td><td>Name</td><td>9</td><td>13</td><td>1</td><td>1</td>
<td>32</td></tr>
<tr><td>CCE</td><td>Name</td><td>2</td><td>2</td><td>5</td><td>2</td>
<td>3</td></tr>
<tr><td>PM</td><td>Name</td><td>4</td><td>8</td><td>7</td><td>3</td>
<td>25</td></tr></table></div>

我想在显示中将此响应作为php中的html表

2 个答案:

答案 0 :(得分:2)

在HTML中放置一个元素以接收响应,例如:

<div id="myTable"></div>

然后修改AJAX调用的success函数,将调用中的数据放入HTML元素中:

success:function(data){ // add a variable in the function 
     $('#myTable').html(data); // place the data in the HTML element
} 

答案 1 :(得分:0)

创建一个div标签以接收ajax响应的输出

<div id="datatabe"></div>

然后修改ajax成功的ajax响应

success:function(data){ // add a variable in the function 
 $('#datatabe').append(data); // place the data in the HTML element

}