A. JSON形式のインタラクティブ(知っています)
基本的な文法アヤックスの1レビュー
$アヤックス({ URL:「」、 // ルート要求の背景 データ:{「」:「」、「」:「」} // データ搬送要求 タイプ:「」、// 要求メソッド データ型:「JSON」// 受信背景戻りデータの解像度モードの 成功:機能(データ){} // 要求コールバック関数の成功 })
2.コード
コードの2.1テスト部
前提:環境構造
Webプロジェクトを作成します--->インポートのjarパッケージを必要と---->設定のweb.xmlが---->フロントコントローラにロードされたspringmvcコンテナの設定ファイル(web.xmlファイルを取得するように構成された、と置きます)confフォルダ内
WEB-INFで静的ファイルへのアクセス:追加の知識
まず、外部からのアクセスのために、WEB-INF内のファイルは、(ウェブ情報で任意のURLのファイルを取得することはできませんつまり)表示されていないので、JSPに直接アクセスすることは不可能です。これは、の話からウェブ情報フォルダの役割です:
WEB-INFの存在とその役割libとクラスディレクトリは、JSPの規定に基づいている、ストレージ・サーバ構成のため、主にオペレーティングシステムおよび構成情報環境ファイル情報と、サーバのクラスファイルで実行すると、次のことをクライアントにJSP環境を定義している直接アクセスを許可していません。
そして、我々は通常、この時点では、JSPサービスを提供するために、ビュー層のフレームワーク(例えば支柱)を使用して、我々は、JSPのWeb情報に提出することができストラットJSPファイルの使用を抽出してコンパイルしながら、ページへの顧客の直接アクセスを防止良好な結果がクライアントに送信されます。
あなたはあなたに入れたいのであれば、ここでのjsファイルは、静的なリソースを設定する必要があり、WEB-INFに置くことができません
プロジェクト構造:
フロントエンドコード
<!DOCTYPE HTML > < HTML > < ヘッド> < メタ文字コード= "UTF-8" > < タイトル>ここで挿入タイトル</ タイトル> </ ヘッド> < スクリプトタイプ= "テキスト/ javascriptの" SRC = "JS / jqueryの-1.4 .4.min.js」> </ スクリプト> < スクリプトタイプ= "テキスト/ javascriptの" > $(関数(){ 警告(「こんにちは」) }) </ スクリプト> < 身体> </ ボディ> </ HTML >
web.xmlファイル
<?XMLバージョン= "1.0"エンコード= "UTF-8" ?> < ウェブアプリののxmlns:XSI = "http://www.w3.org/2001/XMLSchema-instance" のxmlns = "のhttp://java.sun .COM / XML / NS / JavaEEの" XSI:のschemaLocation =" http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd " ID =" WebApp_ID」バージョン= "2.5" > < 表示名> day18 </ 表示名> < 歓迎-ファイル・リスト> < 歓迎-ファイル> index.htmlを< index.htmの</ 歓迎ファイル> < 歓迎-ファイル> index.jspを</ 歓迎ファイル> < 歓迎-ファイル>にdefault.html </ 歓迎ファイル> < 歓迎-ファイル>のdefault.htm </ 歓迎ファイル> < 歓迎-ファイル> default.jsp </ 歓迎ファイル> </ 歓迎ファイル・リスト> <! - 配置前端控制器- > < サーブレット> < サーブレット名>springmvc </名前-サーブレット> < サーブレットクラス> org.springframework.web.servlet.DispatcherServlet </ サーブレットクラス> <! - サーブレットのオブジェクトを作成するときには、その値に初期化- > < INIT-PARAMを> <! - 指定されましたspringmvcパス設定ファイルは、指定されていない場合は、サーブレットWEB-INFの名前は-servlet.xml読む - > < PARAM名> contextConfigLocation </ PARAM名> < PARAM-値> CLASSPATH:springmvc.xml < / PARAM値> </ INIT-PARAM > <!- 最初の負荷数0より大きい値、自動的にサーブレット・インスタンスを作成し、小さいです> - <load-on-startup > 2 </ のload-on-startup > </ サーブレット> < のservlet-mapping > < サーブレット名> springmvc </ サーブレット名> < のurl-pattern > * .doという</ のurl-pattern > </ のservlet-mapping > <! - 中国人が文字化け解決するために設定した文字フィルタのポスト道- > < フィルタ> < フィルタ名> CharacterEncodingFilter </ フィルタ名> < フィルタクラス> org.springframework.web.filter.CharacterEncodingFilter </ フィルタ-class > < INIT-PARAM > < PARAM名>エンコード</ PARAM名> < PARAM値> UTF-8 </ PARAM値> </ INIT-PARAM > </ フィルタ> <filter-mapping > < フィルタ名> CharacterEncodingFilter </ フィルタ名> < のurl-pattern > / * </ のurl-pattern > </ のfilter-mapping > </ ウェブアプリ>
springmvc.xml
< 豆のxmlns = "http://www.springframework.org/schema/beans" のxmlns:XSI = "http://www.w3.org/2001/XMLSchema-instance" のxmlns:MVC = "のhttp:// WWW .springframework.org /スキーマ/ MVC」 のxmlns:コンテキスト= "http://www.springframework.org/schema/context" のxmlns:AOP = "http://www.springframework.org/schema/aop" のxmlns:TX = "http://www.springframework.org/schema/tx" のxsi:schemaLocationの= "http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.2.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.2.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.2.xsd http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-3.2.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-3.2.xsd " > <! - コンポーネントデータを解析するプロセッサアダプタおよびプロセッサマッパーJSON - > < MVC:アノテーション・ドリブン/> <! - IOCスキャンコードのばねアセンブリ- > < 文脈:スキャンコンポーネントベース・パッケージ= "com._51doit.controller" /> <! - ビューリゾルバ- > < ビーンクラス=「ORG。 springframework.web.servlet.view.InternalResourceViewResolver " > < プロパティ名="接頭辞" 値=" WEB-INF / HTML / " /> <プロパティ名=「サフィックス」値= "htmlの" /> </ 豆> </ 豆>
PageControllerで
@Controller パブリック クラスPageControllerで{ @RequestMapping( "AJAX" ) パブリック文字列showAjax(){ リターン "ajax_demo" 。 } }