Senden von Daten aus dem localStorage per AJAX an PHP und speichern Sie es in eine HTML-Datei

Will ich senden, Felder, Daten aus einem Formular in eine Datei über AJAX und ich fand diese Lösung online: http://techglimpse.com/pass-localstorage-data-php-ajax-jquery/

Das einzige problem ist, dass ich mehrere Felder statt einer einzigen Gebiet, und ich möchten, speichern Sie die Ausgabe ("localStorage") in eine HTML - (oder irgendein anderes format) - Datei, anstatt es zu zeigen, in einer #Ausgabe div.

Wie kann ich das tun?

Können Sie sehen, meine Arbeit, die ich getan habe bis jetzt das hier: Speichern von Formulardaten per AJAX an PHP

Und hier ist meine HTML - /JS-code: http://jsbin.com/iSorEYu/1/edit & PHP-code http://jsbin.com/OGIbEDuX/1/edit

InformationsquelleAutor Bhanu Chawla | 2014-01-24
  1. 7

    PHP:

    <h1>Below is the data retrieved from SERVER</h1>
<?php
    date_default_timezone_set('America/Chicago'); //CDT
    echo '<h2>Server Timezone : ' . date_default_timezone_get() . '</h2>';
    $current_date = date('d/m/Y == H:i:s ');
    print "<h2>Server Time : " . $current_date . "</h2>";

    $dataObject = $_POST; //Fetching all posts

    echo "<pre>"; //making the dump look nice in html.
    var_dump($dataObject);
    echo "</pre>";

        //Writes it as json to the file, you can transform it any way you want
    $json = json_encode($dataObject);
    file_put_contents('your_data.txt', $json);
?>

    JS:

    <script type="text/javascript">
$(document).ready(function(){
localStorage.clear();

$("form").on("submit", function() {
    if(window.localStorage!==undefined) {
        var fields = $(this).serialize();

        localStorage.setItem("eloqua-fields", JSON.stringify( fields ));
        alert("Stored Succesfully");
        $(this).find("input[type=text]").val("");
        alert("Now Passing stored data to Server through AJAX jQuery");
        $.ajax({
           type: "POST",
           url: "backend.php",         
           data: fields,
           success: function(data) {
              $('#output').html(data);
           }
        });
    } else {
        alert("Storage Failed. Try refreshing");
    }
});
});
</script>

    HINWEIS: Ersetzen Sie die Datei-format von your_data-Datei zu html-in den PHP-code, wenn Sie möchten, dass Ihre JSON-Daten im HTML-format.

    InformationsquelleAutor Bhanu Chawla
  2. 5

    Sind Sie overcomplocating Dinge. Der check für "localStorage" kann Weg einfacher (andere Optionen). jQuery hat eine serialze() Funktion, der alle Formular-Elemente und serialisiert Sie. Sie können speichern Sie Sie unter "eloqua-Felder", so finden Sie es wieder. Keine Notwendigkeit zu tun, einige nette random retrival.

    Möchte ich hinzufügen, dass nicht alle von Ihnen-code macht Sinn. Warum die Verwendung von localstorage-wenn Sie deaktivieren Sie es jedes mal, wenn der DOM fertig ist? Ihre Validierung nicht Abbrechen, der sendende Prozess, wenn es gibt Fehler, aber ich nehme an, Sie wollen einfach nur spielen, um mit dem Zeug.

    $(document).ready(function(){
    localStorage.clear();

    $("form").on("submit", function() {
        if(window.localStorage!==undefined) {
            var fields = $(this).serialize();

            localStorage.setItem("eloqua-fields", JSON.stringify( fields ));
            alert("Stored Succesfully");
            $(this).find("input").val(""); //this ONLY clears input fields, you also need to reset other fields like select boxes,...
            alert("Now Passing stored data to Server through AJAX jQuery");
            $.ajax({
               type: "POST",
               url: "backend.php",
               data: {data: fields},
               success: function(data) {
                  $('#output').html(data);
               }
            });
        } else {
            alert("Storage Failed. Try refreshing");
        }
    });
});

    Für den server-Teil, wenn Sie nur wollen, um Ihre Daten zu speichern, irgendwo.

    $dataObject = $_POST['data'];
$json = json_decode($dataObject);
file_put_contents('your_data.txt', $json)  ;
    • Das ist in Ordnung, aber ich wollen, speichern Sie die Felder in einer Datei auf dem gleichen server statt der Ausgabe auf einem div. Sie werden bemerken, dass das html-Formular sendet die Daten an einen anderen server mithilfe von eloqua-Skript als gut. Also, was ich versuche zu erreichen, hier ist das senden der Daten eloqua mit Ihrem Skript, und speichern Sie die Daten, die für meinen Zweck gut. Möglich?
    • Ich aktualisiert, um code, nicht sicher, was Sie genau wollen, zu archivieren, sondern einfach Daten in eine Datei getan werden kann, mit file_put_contents
    • Recht. So, ich habe aktualisiert mein code, aber es ist nicht etwas zu tun. Sehen Sie die neuesten code hier: jsbin.com/iSorEYu/4/edit & PHP: jsbin.com/OGIbEDuX/2/edit Die andere Sache ist, dass die form gestoppt buchen die Daten auf dem anderen server, nachdem ich Ihren code benutzt. Kasse die live-version von hier: hackingarticles.com/marketer
    • Bitte achten Sie auf Ihren code. Sie haben eine } zu viel. Der server repsonds mit einem Fehler 500 - Interner Serverfehler, d.h. es ist ein Fehler im code. Wohl dem genannten.
    • Kein Glück mit meinem aktualisierten code? Wirklich zu schätzen Ihre Hilfe hier.
    InformationsquelleAutor DrColossos
Schreibe einen Kommentar