ajax可以實現(xiàn)局部刷新頁面，即在不刷新整個頁面的情況下更新頁面的局部信息。

項目中遇到一個問題：在用戶列表也，當點擊某個按鈕時需要去查詢用戶的信息，查詢成功跳轉(zhuǎn)到用戶詳情界面；查詢失敗，則在原頁面彈出提示信息。

想到兩個解決辦法：

方法一：

點擊按鈕，調(diào)用普通方法去查詢用戶信息，查詢成功跳轉(zhuǎn)到用戶詳情頁面；查詢失敗，重定向調(diào)用查詢用戶列表的方法，在查詢用戶列表的方法結(jié)束后重新跳轉(zhuǎn)到用戶列表頁面并彈出提示信息，相當于重新加載了用戶列表頁面。

方法二：

根據(jù)需求，不可以重新加載用戶列表頁面。用ajax調(diào)用查詢用戶詳情的方法，查詢成功返回用戶Json串，查詢失敗則返回error。

后臺方法：

@RequestMapping(value = "searchUser") public void searchHome(HttpServletResponse response){    String result = null;    ...    查詢用戶的方法    ...     if(查詢成功){       result = JsonUtil.objectToJson(查詢結(jié)果對象);//結(jié)果對象轉(zhuǎn)化成Json字符串，在ajax的結(jié)果中跳轉(zhuǎn)到用戶詳情的處理方法       AjaxUtil.ajax(response,result);    }else{//查詢失敗，返回提示信息       AjaxUtil.error(response, "查詢用戶失敗");    }   }

jsp頁面的ajax：

function searchUser(){     $.ajax({        url : "testurl/searchUser",        cache : false,        type : 'POST',        data : {          查詢用的數(shù)據(jù)，比如用戶ID        },        success : function(data) {          var obj = eval("("+data+")");                      if(obj.success==undefined){//查詢成功，跳轉(zhuǎn)到詳情頁面             ...             跳轉(zhuǎn)到用戶詳情處理方法，將date數(shù)據(jù)傳過去             ...          }else if(!obj.success){//查詢失敗，彈出提示信息             weui.Loading.info(obj.message);          }        },        error : function(error) {          weui.alert("查詢用戶有誤！");        }     });      }　

此處的重點在于如何在ajax的回調(diào)函數(shù)中調(diào)用普通方法，并將之前查詢出的用戶數(shù)據(jù)傳到普通方法中（上面?zhèn)未a中紅色的部分），繼而跳轉(zhuǎn)到用戶詳情頁面。

（1）錯誤案例：

function searchUser(){      $.ajax({        url : "testurl/searchUser",        cache : false,        type : 'POST',        data : {           查詢用的數(shù)據(jù)，比如用戶ID        },        success : function(data) {           var obj = eval("("+data+")");           if(obj.success==undefined){//查詢成功，跳轉(zhuǎn)到詳情頁面，encodeURIComponent編碼是為了防止url后面?zhèn)魉偷膮?shù)中文亂碼,在后臺處理時需要解碼             window.location.href = "testurl/userForm?userJson="+encodeURIComponent(data);           }else if(!obj.success){//查詢失敗，彈出提示信息              weui.Loading.info(obj.message);           }        },        error : function(error) {           weui.alert("查詢用戶有誤！");        }      });       }