springmvc-异步调用

SpringMVC-异步调用

发送异步请求(回顾)

<a href="javascript:void(0);" id="testAjax">访问controller</a>
<script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
    $(function(){
    
        $("#testAjax").click(function(){
     	// 为 id="testAjax" 的组件绑定点击事件
            $.ajax({
              				// 发送异步调用
            type:"POST",					 // 请求方式： POST 请求
            url:"ajaxController", 			// 请求参数（也就是请求内容）
            data:'ajax message',			 // 请求参数（也就是请求内容）
            dataType:"text", 				// 响应正文类型
            contentType:"application/text", // 请求正文的 MIME 类型
        });
	});
});
</script>

发送异步请求

异步请求传参

@RequestBody
形参注解
位置:  处理器类中的方法形参前方
作用:将异步提交数据组织成标准请求参数格式,并赋值给形参       

发送异步请求

//为id="testAjax"的组件绑定点击事件
        $("#testAjax").click(function(){
            //发送异步调用
            $.ajax({
               //请求方式：POST请求
               type:"POST",
               //请求的地址
               url:"ajaxController",
               //请求参数（也就是请求内容）
               data:'ajax message',
               //响应正文类型
               dataType:"text",
               //请求正文的MIME类型
               contentType:"application/text",
            });
        });

        //为id="testAjaxPojo"的组件绑定点击事件
        $("#testAjaxPojo").click(function(){
            $.ajax({
               type:"POST",
               url:"ajaxPojoToController",
               data:'{"name":"Jock","age":39}',
               dataType:"text",
               contentType:"application/json",
            });
        });

        //为id="testAjaxList"的组件绑定点击事件
        $("#testAjaxList").click(function(){
            $.ajax({
               type:"POST",
               url:"ajaxListToController",
               data:'[{"name":"Jock","age":39},{"name":"Jockme","age":40}]',
               dataType:"text",
               contentType:"application/json",
            }