2015-10-06 134 views
2

设置动态数据到其他HTML我有一个HTML的ajax的成功响应,但我想设置另一本Ajax响应的动态数据我怎么做, 这里是我的ajax报告如何从阿贾克斯成功

success: function(data) { 
     console.log(data); 
     for (var i=0; i<data.data.length;i++) 
     { 
      $("#eng-jobs").append('<tr id="enginner-job'+[i]+'" class="price-table">' +'<td class="colspan-4">' + '<a href="job.html" class="title">' +data.data[i].job_name+'</a>' +'</td>' + '<td class="colspan-4">' + '<a href="job.html" class="location">' +data.data[i].location+'</a>' +'</td>' + '</tr>'); 
     } 
     window.location="enginnering.html"; 
    } 
}); 

这将现在可以生成一个动态表,我想设置在其他HTML此表在那里我已经把我的代码就像

<table class="table table-striped"> 
    <thead style="display: table-header-group;"> 
     <tr> 
      <td class="colspan-4">Position</td> 
      <td class="colspan-4 location-head">Location</td> 
     </tr> 
    </thead> 
    <tbody id="eng-jobs"> 
     <!-- Table Body Data --> 
    </tbody> 
</table> 

,但我什么也没得到任何帮助,请

+0

您想要显示在新窗口/标签页中吗? – Rakin

+0

是的,我认为问题出在这里 –

回答

0

Wrie代码在ajax成功。

window.open("enginnering.html"); 
+0

甚至没有发生这个html未加载 –

+0

[链接](http://s12.postimg.org/vlcl8rect/Capture.jpg) – Rakin

+0

对不起,当我删除弹出块页面加载但没有在那里显示 –

0

使用localStorage尝试,在success

success: function(data) { 
     console.log(data); 
     localStorage.setItem("data", JSON.stringify(data)); 
     for (var i=0; i<data.data.length;i++) 
     { 
      $("#eng-jobs").append('<tr id="enginner-job'+ i +'" class="price-table">' 
      + '<td class="colspan-4">' 
      + '<a href="job.html" class="title">' +data.data[i].job_name+'</a>' 
      + '</td>' 
      + '<td class="colspan-4">' 
      + '<a href="job.html" class="location">' + data.data[i].location 
      + '</a>' 
      + '</td>' 
      + '</tr>'); 
     } 
     window.location = "enginnering.html"; 
    } 
}); 
成功
0

移除支架"["从字符串"]"设置id

"engineering.html"

$(document).ready(function() { 
    var data = JSON.parse(localStorage.getItem("data")); 
    // do stuff with `data` 
}) 

试试这个

success: function(data) { 
    console.log(data); 
    var myObj=JSON.parse(data.data); 

     $.each(myObj, function (index,item) { 
      $("#eng-jobs").append('<tr id="enginner-job' + index + '" class="price-table">' 
      + '<td class="colspan-4">' 
      + '<a href="job.html" class="title">' + item.job_name + '</a>' 
      + '</td>' 
      + '<td class="colspan-4">' 
      + '<a href="job.html" class="location">' + item.location 
      + '</a>' 
      + '</td>' 
      + '</tr>'); 
     }) 
    window.location = "enginnering.html"; 
} 

});

+0

它给我错误未捕获的SyntaxError:意外的令牌o我有对象{data:array [4]}和data.data形式的数据[Object,Object,Object,Object] –

+0

您可以发送一个目的 – satyender