我想通过
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
PHP:
@H_404_13@<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);
?>
原文链接:https://www.f2er.com/ajax/159849.htmlJS:
@H_404_13@<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>