如何在另一個頁面中加載從ajax接收的數據？

Page1.html
Page2.html
JavaScript.js

我的第一頁，使按鈕點擊Ajax調用成功接收響應..

我想將該數據載入另一個頁面（Page2.html）..

$.ajax(
    ..... 
    ..... 
    ..... 
    success: function(response){ 
    window.location.href="Page2.html"; 
    $("#content").append(data);  
    } 
);

我與內容ID的div是另一個頁面（Page2.html）上... 注：我的所有腳本都在js文件..

我如何執行上述任務？

來源

2016-07-05 Ajay Mestry

有兩件事情這是創建problem.1）您將會重定向的頁面，然後嘗試添加的內容，它是不可能的... 2）你不能設置從第1頁page2.html內容。 html –

任何建議如何執行此 –

你能顯示完整的ajax請求嗎？ –

解決方法一：用jQuery，

您需要包括jQuery插件https://github.com/carhartl/jquery-cookie：

$.cookie("data", data);

解決方法二：使用本地存儲。 [支持所有現代瀏覽器]

var data = 123; 
// Put the var into storage 
localStorage.setItem('data', data); 

// Retrieve the var from storage 
var retrievedData = localStorage.getItem('data'); 

console.log(retrievedData);

來源

2016-07-05 05:46:06 Krishnakant

或者，您也可以使用localStorage如果您僅支持現代瀏覽器。 – Krishnakant

我會嘗試你的解決方案.... –

當然...讓我知道它是否工作！ – Krishnakant

您可以使用browser local storage，這將持續對沒有到期時間後續頁面訪問您的數據。從IE-8到所有現代瀏覽器的瀏覽器都能很好地支持，所以它可以毫無麻煩地工作。

要存儲數據，您需要訪問storage對象並在page1.html上設置像這樣的數據。

$.ajax({ 
    ... 
    ... 
    success: function (result) { 
     localStorage.setItem('MyData', result); 
    } 
});

在page2.html，您可以使用相同的密鑰，我們用來設置數據（MyData）的名字從localStorage對象檢索數據。您可以爲此選擇任何有意義的名稱。

var data = localStorage.getItem('MyData'); 
console.log("use data wherever you want...", data);

來源

2016-07-05 06:01:50 Rohit416

如何在另一個頁面中加載從ajax接收的數據？

回答

相關問題