Wie lade ich Daten von Ajax auf einer anderen Seite?

Question

Ich habe folgenden Seiten

1. Page1.html
2. Page2.html
3. javascript.js

Meine erste Seite macht auf die Schaltfläche klicken Ajax-Aufruf und erhält Antwort .. erfolgreich

Ich möchte diese Daten auf einer anderen Seite (Page2.html) ..

laden 0

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

Meine div mit id von Inhalten ist auf einer anderen Seite (Page2.html) ... Hinweis: Alle meine Skript in der JS-Datei sind ..

Wie kann ich die obige Aufgabe zu erfüllen? Ich

Answer 1

Lösung: Mit JQuery,

Sie benötigen jQuery-Plugin https://github.com/carhartl/jquery-cookie enthalten:

$.cookie("data", data); 

Lösung II: Mit localstorage. [In allen modernen Browsern unterstützt]

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); 

Answer 2

Sie browser local storage verwenden können, die Ihre Daten auf weitere Seite Besuche ohne Ablaufzeit bestehen bleiben wird. Es hat gute Unterstützung in Browsern vom IE-8 bis zu allen modernen Browsern, so dass es problemlos funktioniert.

Um Daten zu speichern, müssen Sie auf das Objekt storage zugreifen und Daten wie diese auf page1.html setzen.

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

Auf page2.html, können Sie Daten aus localStorage Objekt mit dem gleichen Schlüssel (MyData) Name, den wir einstellen Daten verwendet abzurufen. Sie können einen aussagekräftigen Namen dafür auswählen.

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