javascript - 如何在更新 jquery 中的动态标签后重定向第二个 html 页面-6ren

javascript - 如何在更新 jquery 中的动态标签后重定向第二个 html 页面

转载作者：行者123 更新时间：2023-11-28 01:24:19

24

4

单击 first.html 中的按钮后，我在 second.html 中调用了一个函数并更新了标签，但我能够看到 second.html 无法在 second.html 中看到标签中的更新值。请帮助我如何实现。

function updateLabels(){
         $('#entryNumber').text("123");
         $('#responsedate').text("23-9-2015");
         window.location = 'second.html';
}

例如:second.html

<body>
     <label>Entry Number:</label>
     <label id="entryNumber" for="entryNumber"></label><br><br>
     <label>Respond Date:</label>
     <label id="responsedate" for="responsedate"></label><br><br>
     <label>Response Text:</label> 
</body>

最佳答案

您可以通过... 3 个选项在客户端实现您的目标

1。通过本地存储

在第一页上，在本地存储中设置第二页标签值。

    // In 1st page
    function updateLabels(){
    localStorage.setItem('Second_Page_LabelVal', "apple");
       window.location = 'second.html';
    }

在第二页上从本地存储中获取此值并将其设置为您的标签值

// In 2ndPage
$( document ).ready(function() {
// Retrieve the object from storage
     var retrievedVal = localStorage.getItem('Second_Page_LabelVal');
     $("2ndpagelabelId").text(retrievedVal);
});

2。通过 cookie

在第一页上，在 COOKIES 中设置第二页标签值。

      function createCookie(name,value,days) {
       if (days) {
       var date = new Date();
       date.setTime(date.getTime()+(days*24*60*60*1000));
       var expires = "; expires="+date.toGMTString();
       }
      else var expires = "";
      document.cookie = name+"="+value+expires+"; path=/";
      }


        // In 1st page
        function updateLabels(){
        createCookie(('Second_Page_LabelVal', "apple",1);
           window.location = 'second.html';
         }

在第二页从 COOKIE 中获取这个值并将其设置为您的标签值

// In 2ndPage
function readCookie(name) {
   var nameEQ = name + "=";
   var ca = document.cookie.split(';');
   for(var i=0;i < ca.length;i++) {
   var c = ca[i];
   while (c.charAt(0)==' ') c = c.substring(1,c.length);
  if (c.indexOf(nameEQ) == 0) return  
             c.substring(nameEQ.length,c.length);
  }
  return null;

$( document ).ready(function() {
// Retrieve the object from cookie
     var retrievedVal = readCookie('Second_Page_LabelVal');
     $("2ndpagelabelId").text(retrievedVal);
});

3。通过查询字符串 Url

使用查询字符串中的第二页值重定向页面

 // In 1st page
    function updateLabels(){

       window.location = 'second.html?SecondpageValue=value1';
    }

从url中获取值并将其设置为label。

 function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
    results = regex.exec(location.search);

      return results === null ? "" :           
    decodeURIComponent(results[1].replace(/\+/g, " "));
 }

$( document ).ready(function() {
    // Retrieve the object from url
         var retrievedVal = getParameterByName('SecondpageValue');
         $("2ndpagelabelId").text(retrievedVal);
    });