最初のhtmlから別のhtmlのjavaスクリプトに送信

Question

私は2つのhtmlを持ち、最初に別の値を送る。私は2番目のhtmlのJavaScriptでデータを受信したい。最初のHTMLページでは、ユーザーはlocalhost：8888アドレスを挿入することができます。アドレスは別のhtmlのjavaスクリプトに送信する必要があります。今のところ私はjavaスクリプトのデフォルトアドレスを持っています。

最初のhtml

<form action="second.html" method="GET" > 
<input type="text" name="" /> 
<input type="submit" value="Submit" /> 
</form> 

</body> 
</html> 

二HTML

<script> 
$(document).ready(function() { 
var ws = new WebSocket("ws://localhost:8888/ws"); 

ws.onopen = function(evt) { 
    var conn_status = document.getElementById('conn_text'); 
    conn_status.innerHTML = "Status: Connected!" 
}; 

... 
got more code 
<script> 
... 

Answer 1

あなたからは、メソッドGET提出しているので、あなたは、URLから提出されたデータを取得することができます。

最初のhtmlを：

は

<form action="second.html" method="GET" > 
    <!-- In this way we can get submitted data from get param "host" --> 
    <input type="text" name="host" /> 
    <input type="submit" value="Submit" /> 
</form> 

第二のhtml：//localhost/second.html：あなたは私のクエリは、HTTPのようなものである場合のためのVARですparamsArr = query.split（」&');が、私はそれを必要としないものを

<script> 

$(document).ready(function() { 
    // function to get params from url 
    function getQueryParams(query) { 
     query = query || window.location.search; 
     if (query.length === 0) { 
      return {}; 
     } 

     var params = {}; 
     var paramsArr = query.split('&'); 

     for (var i = 0; i < paramsArr.length; i++) { 
      var p = paramsArr[i].split("="); 
      params[p[0]] = p[1] || ''; 
     } 
     return params; 
    } 

    // try to get param "host" from url (which submitted from first html) 
    var queryParams = getQueryParams();  
    var host = queryParams.host || 'localhost:8888'; 

    var ws = new WebSocket('ws://' + host + '/ws'); 

    ws.onopen = function (evt) { 
     var conn_status = document.getElementById('conn_text'); 
     conn_status.innerHTML = "Status: Connected!" 
    }; 

    // more code 
} 
</script>