SpringMVCは応答としてAjaxデータを返します

1. jquery.min.jsファイルを準備し、それをwebappの下のjsファイルに保存します
2. 構成されたフロントコントローラーはすべてのリクエストをインターセプトするため、フロントコントローラーに静的リソースを解放させる必要があるため、spring-mvc.xmlに以下を追加します。

 <mvc:resources location="/css/" mapping="/css/**"/>
    <mvc:resources location="/images/" mapping="/images/**"/>
    <mvc:resources location="/js/" mapping="/js/**"/>

3.ページのデータをサーバーに転送してjavabeanの方法でパラメーターとしてカプセル化する必要がある場合は、依存関係をインポートする必要があります。4.この時点で、コードをhtmlに入力できます。最初にインポートしたjquery.min.jsファイルをインポートし、次にコードを編集します。次に例を示します。

$(function () {
        $("#btn").click(function (){
            $.ajax({
                //编写json格式数据
                url: "controller3/testAjax",
                contentType: "application/json;charset=UTF-8",
                data:'{"uname":"huang","age":30}',
                dataType: "json",
                type: "post",
                success: function (data) {
                    //data服务器端响应的json数据，进行解析
                    alert(data);
                    alert(data.uname);
                    alert(data.age);
                }

            })
        });
    });

5.バックグラウンドサービスを完了します。