将数据从localStorage通过AJAX发送到PHP并将其保存在HTML文件中

前端之家收集整理的这篇文章主要介绍了将数据从localStorage通过AJAX发送到PHP并将其保存在HTML文件中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想通过 AJAX将表单数据从表单发送到文件,我在线发现了这个解决方案: http://techglimpse.com/pass-localstorage-data-php-ajax-jquery/

唯一的问题是我有多个字段而不是单个字段,我想将输出(localStorage)保存在HTML(或任何其他格式)文件中,而不是在#output div中显示.

我怎样才能做到这一点?

你可以看到我迄今为止所做的工作:Save form data using AJAX to PHP

这是我的HTML / JS代码http://jsbin.com/iSorEYu/1/edit& PHP代码http://jsbin.com/OGIbEDuX/1/edit

@H_502_9@
@H_502_9@
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>

注意:如果您希望使用HTML格式的JSON数据,请将your_data文件文件格式替换为PHP代码中的HTML.

@H_502_9@

猜你在找的Ajax相关文章