在另一个页面上填写ajax成功数据不起作用

我从database调用数据，并希望填充控件上的数据。 所以为此，我正在使用如下的Ajax webmethod

 function getAllRecordForCurrentRow(val) { debugger; var row = val.parentNode.parentNode; var ID = row.cells[7].innerText.trim(); $.ajax({ url: "VSATApprover.aspx/GET_DATA_FOR_CURRENT_RECORD_APPROVER", dataType: "json", type: "POST", contentType: 'application/json; charset=utf-8', data: JSON.stringify({ ID: ID }), async: true, processData: false, cache: false, success: function (r) { //alert(rdSAP_ID); $('#txtSapId').val([rdSAP_ID]); $('#txtContactdetails').val([rdCONTACT_DETAILS]); window.open('VSATUpdateForm.aspx', '_blank'); }, error: function (xhr) { alert('Error while selecting list..!!'); } }) } 

我的问题是

success函数下的值需要填充在另一页上，这样它就不起作用了。 那么我应该如何填写这些值

Answer 1

您只需要将这些值设置为某个localStorage ，然后在下一页上，您需要从document.ready localStorage获取它。 考虑下面的例子：

第1页Ajax JS

 success: function (r) { localStorage.setItem('SapID',rdSAP_ID); localStorage.setItem('ContactDetails',rdCONTACT_DETAILS); window.open('VSATUpdateForm.aspx', '_blank'); } 

现在，因为你在localStorage有它，你可以在下一页写下面的js ：

第2页JS

 $(document).ready(function(){ //get it from localStorage var sapid=localStorage.getItem('SapID'); var contdetails=localStorage.getItem('ContactDetails'); //set it to textboxes $('#txtSapId').val(sapid); $('#txtContactdetails').val(contdetails); }); 

而已。