htmlフォームからJavaScript変数として値を取得する

Question

私は、あるページからanother.htmlページに送信された入力変数をキャプチャし、これらの値をJavaScript変数として取得したいと考えています。これはできますか？

これは私のフォームです。

<form action='another.html' id='form' data-ajax='false'> 
<input id='sent_by' value='tom'/> 
<input type='submit' value='Submit'/> 
</form> 

私のanother.htmlでは、私は値を取得しようとしました。

var sent_by = $.session.get("sent_by"); 

しかし値を取得できません。すべての助けに感謝します。

Answer 1

これを実現するには、ブラウザのlocalStorageを使用できます。 localStorageで、フォームのすべての値を提出し、他のページの店に行く前に、あなたが他のページにアクセスできます。

Page1.html

フィールド名=「名前」<input type="text" name="name" id="name" />

その上の値を読み、のlocalStorage

localStorage.setItem('name', document.getElementById('name').value);

にそれを保存します。 JavaScriptで関数を作成すると、送信前/実行前にlocalStorageのフォームのすべてのフィールドを保存できます。キー名のために保存

Page2.html 値は、次のJavaScriptを使用して取得することができます：

localStorage.getItem("name"); 

NOTE

Page1の他のページで、これらの値を読み取るために

.htmlとpage2.htmlは同じドメインにあり、localStorageにアクセスする必要があります。

あなたがWindow.localStorageを使用してみましたhttps://developer.mozilla.org/en-US/docs/Web/API/Storage/LocalStorage

Answer 2

でのlocalStorageについての詳細を読みますか？ sessionStorageに似ていますが、有効期限はありません。ブラウジングセッションが終了したら、必ずクリアしてください。

Answer 3

@Shakti Phartiyalが提供する答えはおそらく私が加えるかもしれない最も実用的で甘いトリックだと思います。私がこの記事を書いている主な理由は、この種の情報を渡すためにjavascriptを使うという長い道のりをとったためです。それは、あなたがjavascriptに任せるいくつかのタスクのためにPHPがいかに強力であるかにわかりません。 （そうです、私はいくつかのjavascriptのウィザードを知っていますが、それを使ってすべてを行うことができます、私はちょうど基本的なプログラミングthoについて話しています）。だから、あなたの周りにこれを渡すのどのようなPHPの道不思議に思った場合：

<form action='another.html' id='form' data-ajax='false' method='post'> 
<input id='sent_by' value='tom' name='uname'/> 
<input type='submit' value='Submit'/> 
</form> 

をして、「another.php」であなたは、このフォームからの入力を取得する必要があります：

を変更したHTMLフォームを

を

<?php 
$uname= htmlspecialchars($_POST['uname']; 
?> 

素晴らしい。しかし、どのようにこのPHP変数をjavascriptにするのですか？ ああ、楽しい部分。あなたはPHPであなたのWebページにJavaScriptを書くつもりです - あなたは次のようなことをします：

var uname = "<?php echo $uname; ?>";