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

Question

我从database调用数据，并希望填充控件上的数据。为此，我使用了Ajax for方法，如下所示

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(r.d.SAP_ID);
                $('#txtSapId').val([r.d.SAP_ID]);
                $('#txtContactdetails').val([r.d.CONTACT_DETAILS]);
                window.open('VSATUpdateForm.aspx', '_blank');

            },
            error: function (xhr) {
                alert('Error while selecting list..!!');
            }
        })
    }

我的问题是

success函数下的值需要填充在另一个页面上，这样它就不能工作了。那么我应该如何填充这些值呢？

Answer 1

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

页面1 Ajax

success: function (r) {
         localStorage.setItem('SapID',r.d.SAP_ID);
         localStorage.setItem('ContactDetails',r.d.CONTACT_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);
});

就这样。