integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous">
Enter Some Data Pass to PHP File
$("#success").click(function () {
var name = document.getElementById("pass_data").value;
var dataString = 'pass=' + name;
if (name == '') {
alert("Please Enter the Anything");
} else {
// AJAX code to submit form.
$.ajax({
type: "POST",
url: "post.php",
data: dataString,
cache: false,
success: function (data) {
$("#message").html(data);
localStorage.setItem("data",data);
},
error: function (err) {
alert(err);
}
});
}
return false;
})
$(document).ready(function () {
var someVarName = localStorage.getItem("data");
console.log(someVarName)
$("#message").html(someVarName);
});
首先,我更改了你的js代码以使用更多的jquery语法,因为你已经包含它(我在脚本上触发on click事件而我没有把它放在html中).在那之后为了在ajax成功刷新后不丢失你的变量我将数据的值传递给localstorage,并且在刷新之后(在文档就绪)我检索它并在标签中显示它.
当然,每次放置一个新值并显示它时,它会覆盖前一个值,因此刷新后会显示输入字段中的最新值.