javaweb局部刷新-ajax異步請求springMVC顯示返回的jsp內容,代替iframe

在jsp上要引入jquery

<script src="<%=request.getContextPath()%>/js/jquery_ui/jquery.js"></script>

在js中發起請求

    function get(p) {
            var patch="show"+p;
            $.ajax({        //這是$.ajax()方法  
                type:"POST",  
                url:patch, //路徑可以用相對路徑,起點以此方法所在的jsp顯示的路徑為准
                data: $('#myform').serialize(),//ajax提交表單       
                dataType:"html",//接受響應的數據類型，我的響應是一個頁面，所以這里用“html”
                success:function(data){           
                    $('#mydiv').html(data);//我把響應的頁面被放到一個div中顯示
                    
                }
            })
        }

myform是jsp中的一個form標簽的id,mydiv是一個div的id,ajax要顯示的jsp的位置就在這個div的中間,記得要在jsp加上這兩個

<form id="myform" method="post" >
                <input id="hidden" name="id" type="hidden" value=${id} >
            </form>

<div  id="mydiv">
                

            </div>

myform正常發起一個springMVc請求,controller正常返回到一個jsp

 

以下這步我沒做,但正常顯示了.

在Controller的接受路徑的方法上加上 @ResponseBody注釋

@ResponseBody//作用是將返回的對象作為響應，發送給頁面
      @RequestMapping( "/showAJ" )
        public String toIndex( String id, Model model )
        {
              return "AJ";
        }