Ajax實現頁面跳轉與結果返回

ajax實現頁面局部跳轉與結果返回

1、帶有結果返回的提交過程

這里用一個提交按鈕來演示，HTML代碼為：

<input type="button" class="btn" value="提報" name="submit4" onClick="tibao();">

點擊提報按鈕后，通過ajax來實現跳轉到action中處理，JavaScript代碼為：

function tibao(){
var id='';
var URL = <select:link page="/smokeplan.do?method=Tibao&idset="/>+id;
    $.ajax({url: URL, 
        　　type: 'GET',
        　　success: function(result) {
                     alert(result);
                }
    });
}

action處理完成后，將返回的結果放到result中，在頁面彈出提示信息；當然這里的action跳轉是需要配置xml的。

后台Java類處理過程為：

//提報
        public void Tibao(ActionMapping mapping, ActionForm form,
                HttpServletRequest request, HttpServletResponse response) throws Exception {
            String idset=request.getParameter("idset");
            CallHelper helper = initializeCallHelper("L_SmokeBoxtibaoWLDan", form,request, false);
            helper.setParam("bill_ids",idset);
            helper.setParam("personid",getPersonId(request));
            helper.execute();
            PrintWriter write = response.getWriter();
            write.print(helper.getOutput("message"));
            write.close();
        }

這里是通過一個sql語句對數據進行處理，返回一個message，並將信息打印到頁面；

這里做的操作的結果是反映到response對應的位置，於是拿到屬於response的流，而不是new一個出來。

也就是說我從那里跳轉過來的，我這個信息就會返回到那里去。所以在js中就可以用result進行接收這個返回結果，並且用alert提示。

 

 

版權聲明：本文為博主原創文章，未經博主允許不得轉載。