2016-03-26 4 views
0

ゴール:
テキストボックス(名前はtxtInputData)に入力データを作成するたびに、自動的にデータがサーバーに送信され、入力データがデータベースのテーブルと比較されます。
最後に、txtInputDataのデータがデータベースと同じであればtrueまたはfalseを取得します。テキストボックスから入力データを自動的に送信

問題:
入力データを作成するたびに自動的にjsonを使用してサーバーにデータを送信するテキストボックスを作成する方法がわかりません。

どこから始めたらよいですか?私が思ったよりも複雑に聞こえる。

情報:
* JsonとのJqueryを強くお勧めします。あなたはあなたができる、テキストフィールドを離れるが、keyUpイベントを使用しているときにイベントのonchangeのみ一般火災を

$('#txtInputData').keyup(function(e){ 
    $.ajax({ 
     url:'/whatever', 
     data: { text: this.value }, 
     success: function(data) { 
      // if you need to do anything on return from server 
     } 
    }); 
}); 

:あなたがこれを行うことができます

<input type="text" id="txtInputData"/> 

:あなたはこのような何かを持っていると仮定すると

+1

入力データを変更しているとき - 'input'フィールドが' onchange'イベントを発生させます –

答えて

1

すべてのキーストロークでデータを送信します。

+0

ありがとうございました! –

0

これは単なる基本的な出発点です。クライアント側とサーバー側の両方で、いくつかのコードブロックについて話しています。私は[入力タイプ= "テキスト" id = "txtInpData" onkeydown = "(chk_txtinp)" />にJS呼び出し関数を挿入します。この関数は、各キーストロークのテキストボックス内の文字列を読み込み、ajax/jason関数を呼び出して、タスクコードとともにサーバーにポストします。

これは、この受信テキストの処理方法をサーバーに通知します。暗号化を使用するかどうかはあなた次第です。このすべてを完了すると、エラーチェックのためだけにコードページとリアルタイムフィードバックが取られます。

簡単な部分のように、2つの文字列を比較して、同等の音を出します。あなたの比較は、true charset( "")にプリセットされた変数にtrueまたはfalseを返して、コードの次のスレッドが明確な決定を行ったことを知るようにします。

+0

ありがとうございました! –

関連する問題