第3週-------- JSONとAjax

マップを描画するときには、JSONのリストに変換する必要があります

私は主に輸入com.google.gson.Gsonを使用します。このパッケージを

ここで変換されたコードです

プライベート 無効検索（HttpServletRequestのリクエスト、HttpServletResponseの応答）がスローServletExceptionが、IOExceptionが{
         // TODO自动生成的方法存根
         // YQクール=新しいYQ（）; 
        response.setContentType（ "text / htmlの;のcharset = UTF-8" ）; 
        request.setCharacterEncoding（ "UTF-8" ）;
        / * response.setCharacterEncoding（ "UTF-8"）; 
        response.setHeader（ "コンテンツタイプ"、 "テキスト/ HTML;のcharset = UTF-8"）; * / 
        文字列の日付 = request.getParameter（ "時間" ）; 
        一覧 <YQ>リスト=   CourseDao.find（日）;新しいGson（）; 
        文字列JSON = gson.toJson（リスト）。
        System.out.println（JSON）。
        response.getWriter（）書き込み（JSON）。
    

        
    }

servle層では、エラー状況の出力を経由してWebアプリケーションを見つけることができます

そして、AJAX機能

主に以下のパラメータで

1.url：
リクエストのString型のパラメータの要件（このページのデフォルトのアドレス）アドレス。

2.type：
String型の要件パラメータ、リクエストメソッド（POSTまたはGET）を取得するためにデフォルト設定されています。なお、このようなプットとも使用され、削除することができますが、ブラウザのサポートの一部のみなど、他のHTTPリクエストメソッド、。

3.timeout：
要件（ミリ秒単位）番号パラメータ設定要求時間を入力します。この設定は、グローバル設定の$ .ajaxSetup（）メソッドをオーバーライドします。

4.async：
trueにブール型パラメータのデフォルトの要件は、すべての要求が非同期リクエストされています。あなたが同期要求を送信する必要がある場合は、このオプションをfalseに設定します。操作が実行される前に同期要求がブラウザをロックすることに注意してください、ユーザーは完全に別の要求を待たなければなりません。

5.cache：
（dataTypeとスクリプトは、デフォルトはfalseである場合など）trueにブール型パラメータのデフォルト値のための要件は、ブラウザのキャッシュからの要求をロードしません偽情報に設定されています。

6.data：
String型のオブジェクトまたはパラメータの要件は、データをサーバーに送信しました。あなたがいない文字列を持っている場合は、自動的に文字列形式に変換されます。取得要求がURLに付加されます。この自動変換を防ぐため、あなたはPROCESSDATAオプションを表示することができます。オブジェクトの必須のキー/値の形式、例えば{foo1の"BAR1"、foo2は： "BAR2は"} ＆foo1の= BAR1＆foo2は= BAR2に変換されます。アレイの場合、jQueryのは自動的に異なる値に同じ名前に対応します。たとえば、{FOO：[ "BAR1"、 "BAR2"]} ＆FOO = BAR1＆FOO = BAR2に変換されます。

7.dataType：
String型のパラメータの要件、サーバーによって返された期待されるデータ型。指定されていない場合は、自動的にjQueryののresponseXMLまたはhttp responseText MIME情報パケット、およびパラメータとして渡されたコールバック関数を返します。：次のように利用可能なタイプがあり
、XML：リターンXMLドキュメント、利用できるjQueryのプロセスを。
HTML：HTMLプレーンテキスト情報を返します。DOMを挿入したときにスクリプトタグを行なうが含まれていました。
スクリプト：リターンプレーンテキストJavaScriptコード。それは結果を自動的にキャッシュされていません。キャッシュパラメータセットを除きます。リモート要求（下の同じドメインに存在しない）、すべてのポスト要求は要求を取得するために変換されていることに注意してください。
JSONは：JSONデータを返します。
JSONP：JSONP形式。このようmyurl？コールバック=？、jQueryの後に自動的に置き換えられます「？」などのフォームSONPコール機能を使用する場合は、コールバック関数を実行するための機能の正しい名前です。
テキスト：プレーンテキスト文字列を返します。

8.beforeSend：
要件の関数型パラメータは、そのようなカスタムHTTPヘッダーを追加するように、要求を送信する前のXMLHttpRequestオブジェクトの機能を変更することができます。falseを返しますbeforeSendは、AJAX要求をキャンセルすることができます。XMLHttpRequestオブジェクトは、唯一のパラメータです。
            機能（XMLHttpRequestの）{
               ;この本AJAXリクエストを呼び出す際に渡されたパラメータ//オプション
            }
9.complete：
コールバック完了時関数（成功またはリクエスト平均呼の失敗）を要求し、要求の関数型パラメータ。パラメータ：XMLHttpRequestのオブジェクトとタイプを説明する文字列成功要求。
          機能（XMLHttpRequestを、textStatus）{
             この; //このAJAXリクエストを呼び出す際に渡されたパラメータオプション
          }

10.success：リクエストが成功した場合、パラメータのタイプのための機能要件、コールバック関数を呼び出すために、2つのパラメータがあります。
         （1）は、サーバによって返された、および実行データは、データ型のパラメータに従って処理を行います。
         ストリング（2）の状態を説明しました。
         機能（データ、textStatus）{
            //データXMLDOC、jsonObj、HTML、テキストなどであってもよい
            。この;オプション//呼び出しパラメータは、ときに、このAJAXリクエストを渡します
         }

11.error：
要求が失敗したときのパラメータ関数のタイプのための要件は、関数が呼び出されます。この関数は3つのパラメータ、即ち、のXMLHttpRequestオブジェクト、エラーメッセージ、エラートラッピングオブジェクト（オプション）をとります。AJAXイベント機能は以下の通りである：
       機能（XMLHttpRequestを、textStatus、errorThrown）{
          // textStatusを、通常唯一の情報errorThrown含ま
          この;オプション//呼び出しパラメータが渡されたときに、このAJAXリクエスト
       }

12.contentType：
コンテンツデフォルトのエンコードタイプ「アプリケーション/ X-WWW-フォームがとき要件String型のパラメータは、サーバに情報を送信する -urlencoded」。デフォルト値は、ほとんどのアプリケーションに適しています。

13.dataFilter：
パラメータ機能の種類の要件は、アヤックスの機能を前処理し、元のデータに戻りました。データを提供し、2つのパラメータを入力します。Ajaxのデータは、jQuery.ajaxを呼び出すときに型データ型パラメータが提供され、生のデータが返されます。値はjQueryのさらなる処理によって返されます。
            機能（データ入力）{
                //処理されたデータを返す
                データを返します;
            }

14.dataFilter：
パラメータ機能の種類の要件は、アヤックスの機能を前処理し、元のデータに戻りました。データを提供し、2つのパラメータを入力します。Ajaxのデータは、jQuery.ajaxを呼び出すときに型データ型パラメータが提供され、生のデータが返されます。値はjQueryのさらなる処理によって返されます。
            機能（データ入力）{
                //処理されたデータを返す
                データを返します;
            }

15.global：
ブール型パラメータの要件は、デフォルトはtrueです。これは、世界的なAjaxのイベントをトリガするかどうかを示します。falseに設定はajaxStartまたはajaxStopは、様々なイベントを制御するために使用されるAJAX、グローバルAjaxのイベントをトリガしません。

16.ifModified：
ブール型パラメータの要件は、デフォルトではfalseです。場合にのみ、サーバーのデータの変更、新たなデータを取得するには。Last-Modifiedヘッダ情報に基づいてサーバーのデータ変化判定。デフォルト値は、ヘッダー情報を無視して、偽です。

17.jsonp：
String型の要件パラメータは、コールバック関数JSONPリクエストの名前に書き換えてください。この値は、「コールバック」セクションでURLのパラメータは、例えば{JSONP：「onJsonPLoadは」}ここでGETやPOSTリクエスト置き換えるために使用される「コールバック=？」サーバへの「？onJsonPLoad =」原因になりますが。

18.username：
ユーザー名HTTPアクセス認証要求に応答して、String型のパラメータのための要件、。

19.password：
パスワード要求にString型のパラメータのための要件、HTTPアクセス認証応答。

20.processData：
ブール型パラメータの要件は、デフォルトはtrueです。デフォルトでは、データ送信は、「アプリケーション/ X-WWW-フォームがデフォルトのコンテンツ・タイプと一致するように（技術的な観点から文字列でない）オブジェクトに変換される -urlencodedを」。あなたはfalseに設定DOMツリー情報や他の望ましくない情報変換を、送信したい場合。

21.scriptCharset：
要求がデータ型「JSONP」または「スクリプト」で、GETのみを強制的に文字セット（文字セット）を変更するために入力された唯一のString型のパラメータのための要件、。通常、ローカルとリモートの両方のコンテンツのエンコードに使用されていません。

これらは私の参照であり、コンテンツのセクションで再現しました

それから私は、マッピング時に以下のコードの主要な部分を使用します。

  $アヤックス（{ 
                URL： "CourseServlet" 、
                非同期：真、
                タイプ： "POST" 、
                データ：{
                     "時間" ：時間
                }、
                データ型： "JSON" 、
                成功：機能（JSON）{ 
                    
                    
                    
                    のために（VAR私は0を= ; I <json.length; I ++ ）{ 
                        VAR D = {}; 
                        
                        D [ "名前"] = JSON [I] .Province; 
                        D [ "値"] = JSON [I] .Confirmed。
                        D ["yisi"] = JSON [I] .Yisi。
                        D [ "硬化"] = JSON [I] .Cured。
                        D [ "死んだ"] = jsonの[i]の.Dead。
                        
                        
                        data.push（D）。
                    } 
                    エラー：関数（）{ 
                
                   アラート（ "失败" ）。
                  
               }、

主に私のサーブレット層を送信し、リストを読む時間は、JSONやチャートに変換します

オリジナルのブログのアドレスへの参照：

著者：タイラー寧
出典：http://www.cnblogs.com/tylerdonet/
この記事は、執筆者に属し、公園の合計をブログ、転載を歓迎しますが、著者の同意は、このセクションで宣言されずに保持され、元の記事のページの見かけ上の位置を与えられなければなりません接続は、下記のメールアドレスを使用して問題があれば[email protected] 私は、あなたに感謝非常に多くのリンク。

おすすめ