html加载完成消失,javascript – 为什么当我使用AJAX重新加载页面时,数据会消失

Pass Data to PHP using AJAX without Page Load

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,并且在刷新之后(在文档就绪)我检索它并在标签中显示它.

当然,每次放置一个新值并显示它时,它会覆盖前一个值,因此刷新后会显示输入字段中的最新值.