SSMでJsonによる前後端分離

シーン
前のプロジェクトはすでにSSMで注釈式とXML配置式の取引管理段階に構築された.
参照:
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/85165504
このプロジェクトに基づいてjsonを用いた前後のインタラクションを構築する
インプリメンテーション
プロジェクト構成
1.bootstrapおよびjqueryの導入
参照:
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/85037589
2.jsonの中国語問題の構成
SpringMVCを開く.xml
元:

変更後:

SpringMVC.xmlフルコード

フロントエンドコミットバックエンド承認
WebContentディレクトリのjspディレクトリの下にsubmitを新規作成します.jsp
submit.jsp

 






  
  
  



  
   
    

	  

	       
	    
	  
	  

	      
	    
	  
	    
	
    
  
       
      
    $('#sender').click(function(){  
    	var name=document.getElementById('name').value;  
        var age=document.getElementById('age').value;  
        var user={"name":name,"age":age};  
        var jsonData = JSON.stringify(user);
        var page="submitUser";  
        
        $.ajax({
        	   type:"post",
        	   url: page,
        	   data:jsonData,
               dataType:"json",
               contentType : "application/json;charset=UTF-8",
        	   success: function(result){
        	   }
        	});
		   alert("    ，  Tomcat              ");

    });