0

私は ajax を初めて使用します。数値を含むテキスト ファイルがあります。

ids.txt のように、ここでは 12345 マッピング値は 54321 です

12345,54321
23456,65432
34567,76543
45678,87654
56789,98765

これは私のHtmlファイルです

<html><body>
    <INPUT TYPE="TEXT" NAME="text" SIZE="25" >
    <button type="button" onclick="getId()">Submit</button>
    <div id="myDiv"><h2></h2></div>
</body></html>

上記のテキスト ボックスに値 12345 を入力すると、ids.txt ファイルからマッピング値 54321 を取得し、div タグ "myDiv" に表示する必要があります。

誰でも助けてもらえますか？

4

3 に答える 3

1

これを行う最善の方法は、ファイルを Dictionary(C#) または HashMap(Java) に解析して、最初の数字がキーになり、2 番目の数字が値になるようにすることだと思います。ajax 呼び出しごとに作成する必要がないように、おそらくこの辞書をキャッシュする必要があります (IO アクションは非常にコストがかかるためです!)。ajaxリクエストよりも、番号をパラメーターとして渡します。バックエンドでは、ajax パラメーターとして受け取ったキーを使用して辞書から値を取得し、それをクライアントに送り返します (必要な検証を必ず実行してください)。ajax 成功ハンドラーでは、div コンテンツを結果で更新するだけです。

于 2013-10-20T06:54:09.307 に答える
1

JSONを使用することを検討します。この内容であなたをids.txtに変えてください:ids.json

{
 12345:54321
 23456:65432
 34567:76543
 45678:87654
 56789:98765
}

次に、ajax 呼び出しのデータを解析しJSON.parse()て、オブジェクトを取得できます。

を使用したjQueryの例$.get:

$.get("ids.json",function(data){
   //jQuery probably has already parsed the json

   //get the text out of the textfield
   var text = $('input[name="text"]').val();

   //display the number in #myDiv
   $("#myDiv").text(data[text]);
});
于 2013-10-20T07:18:50.273 に答える