2015-10-06 122 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