フォームなしで入力の値を送信する

Question

私はウェブサイトのゲームを作成していますが、現在私は「対話」と名前を付けることに苦しんでいます。

最初はフォーム要素を作成してこれにアプローチしようとしましたが、入力または送信をクリックするとページが最新表示され、すべてが破棄されました。

だから私はこのようになりますそのフォームなしINPUTEタイプのテキストを使用：このように、現在見ている

You are 
<input type="text" id="dead"> 
<input type="submit" onclick="dead()"> 

と死ん機能、後でそれが一定値のつもりチェックだし、値がtrueの場合、それはつもりが別のものを実行しますコード：

var talk = document.getElementById("dead").value; 

function dead() { 
alert(talk); 
} 

フォームからの入力を保存する方法がわからないので、JSで検出され、ブールチェックの変数として使用されます。どうすればこの問題を解決できますか？フォームタグを使用してページを更新しなくてもうまくいく方法がある場合。

Answer 1

あなたはこのようなフォームの提出イベント処理できます。

document.getElementById('yourFormId').onsubmit = function(e) { 
    // your code goes here... 

    e.preventDefault(); // this will prevent the default operation of your form within this event 
    return false; 
} 

または関数を作成します。

function handleForm(e) { 
    // your code goes here... 

    e.preventDefault(); 
    return false; 
} 

そして、あなたのformタグにこれを追加します。

<form onsubmit="return handleForm(this);"> 

Answer 2

をページをリフレッシュせずに値を送信できるようにするには、非同期JavaScript + XML（AJAX）を使用し、purあなたはAjaxについての良いドキュメントを見ることができますいくつかのフレームワークなしでJavascriptをe。 もちろん、Jqueryのようなフレームワークを使用して作業をより簡単にすることをお勧めします。