JQuery - 入力ボックスから別のページの入力ボックスに値を渡す

Question

ここに簡単な質問があります。 「

<script type="text/javascript"> 

    $('#postalCodeBtn').live('click', function(){ 
    var text = $('#from1').val(); 
    $('#from').val(text); 
    }); 

</script> 

しかし、今の入力を想定した：私は、同じページ上の別の1への入力ボックスから値を渡す場合

通常は、jQueryのを使用して、I`dはちょうどこのような何かを「from1」は詳細と呼ばれるページにあり、「from」はマップと呼ばれる別のページにあります。

どのようにして両方のページ間で値を渡すことができますか？

ありがとうございます！

Answer 1

AJAX経由でロードされていない場合は、サーバーに送信し、サーバー側の言語（php、pythonなど）を使用してマップに追加する必要があります。あなたは本当にしたい場合は、クッキーに保存することもできますし、 "マップ"ページでそれを確認します。 GET（リンクがある場合はリンクを修正）してJSを使用して解析することもできますが、POSTされているフォームフィールドの場合はサーバーサイド言語です。

編集：まあ、これ以上のことを知らずに、これは私があなたのためにできる最高のものです。

<script type="text/javascript"> 

function buildValue(sValue) { 
    if (/^\s*$/.test(sValue)) { return(null); } 
    if (/^(true|false)$/i.test(sValue)) { return(sValue.toLowerCase() === "true"); } 
    if (isFinite(sValue)) { return(parseFloat(sValue)); } 
    if (isFinite(Date.parse(sValue))) { return(new Date(sValue)); } 
    return(sValue); 
} 

function getVars() { 
    var oGetVars = {} 
    if (window.location.search.length > 1) { 
     var iCouple, aCouples = window.location.search.substr(1).split("&"); 
     for (var iCouplId = 0; iCouplId < aCouples.length; iCouplId++) { 
      iCouple = aCouples[iCouplId].split("="); 
      oGetVars[unescape(iCouple[0])] = iCouple.length > 1 ? buildValue(unescape(iCouple[1])) : null; 
     } 
    } 
    return oGetVars; 
} 

$(function() { 
    // The name of the parameter we're interested in 
    var param = "postalCode"; 

    // Gets the params from the URL 
    getParams = getVars(); 
    // If the parameter we want is in the URL AND the #from element is found... 
    if (getParams[param] && $("#from").length) { 
     // Set the value of the #from element to the value of the parameter 
     $("#from").val(getParams[param]) 
    } 

    // Store the postalBtn in a variable for easy access 
    var postalBtn = $("postalCodeBtn"); 

    // If the postalBtn is on this page 
    if (postalBtn.length) { 
     // Create a flag to track modification of anchor 
     var modifiedAnchor = false 

     // Adds the GET parameter to the parent anchor on button click 
     postalBtn.click(function() { 
      // In case the user gets click happy 
      if (modifiedAnchor) return; 

      // Get the parent anchor DOM element 
      var anchor = $(this).parent('a')[0] 

      // Append the GET parameter to the anchor's href 
      // (this assumes the anchor HREF doesn't have GET parameters already) 
      anchor.href += "?" + param + "=" + encodeURIComponent($("#form1").val()) 

      // Set our modifiedAnchor flag to true 
      modifiedAnchor = true 
     } 
    } 
}) 
</script> 

Answer 2

JavaScriptを単独で使用してページ間の値を渡すことはできません。

Post/Get、Cookieまたはサーバーサイドコードのパラメータのような別の方法を使用する必要があります。