為什么Ajax沒有部分刷新我的頁面？

Question

我正在將ajax與javascript一起使用以執行取消或運送操作。 當我單擊“取消”鏈接時，此頁面沒有任何更改，我需要刷新整個頁面以查看更改的狀態。 單擊發運鏈接，即使刷新整個頁面也沒有任何反應。 我的jsp和控制器代碼如下所示：

JSP：

<script>
    var xmlHttp;
    xmlHttp = GetXmlHttpObject();
    function GetXmlHttpObject()
    {
        var xmlHttp = null;
        try
        {
            // Firefox, Opera 8.0+, Safari
            xmlHttp = new XMLHttpRequest();
        } catch (e)
        {
            // Internet Explorer
            try
            {
                xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e)
            {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
        }
        return xmlHttp;
    }
    function cancelOrder(orderId, rowID){
        if (xmlHttp == null)
        {
            alert("Your browser does not support AJAX!");
            return;
        }
        var query = "action=cancel&order=" + orderId;

        /* alert(orderId); */
        xmlHttp.onreadystatechange = function stateChanged()
        {
            if (xmlHttp.readyState == 4)
            {
                var status = document.getElementById(rowID);
                alert(status.innerHTML); 
                status.innerHTML = "Canceled";
            }
        };
        xmlHttp.open("GET", "manageUserAccount.htm?"+query, true);
        /* xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); */
        xmlHttp.send(null);
        return false; 
        /* var row = document.getElementById(rowID);
        row.parentNode.removeChild(row); */
    }
function shipOrder(orderId, rowID){
        if (xmlHttp == null)
        {
            alert("Your browser does not support AJAX!");
            return;
        }
        var query = "action=ship&order=" + orderId;

        /* alert(orderId); */
        xmlHttp.onreadystatechange = function stateChanged()
        {
            if (xmlHttp.readyState == 4 && xmlhttp.status==200)
            {
                var status = document.getElementById(rowID);
                alert(status.innerHTML); 
                status.innerHTML = "Canceled";
            }
        };
        xmlHttp.open("GET", "manageUserAccount.htm?"+query, true);
        /* xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); */
        xmlHttp.send(null);
        return false; 
        /* var row = document.getElementById(rowID);
        row.parentNode.removeChild(row); */
    }

</script>

<c:forEach var="order" items="${user.orders}" varStatus="vs">
        <tr>
                <td>${order.id}</td>
                <td>${order.createDate}</td>
                <td>${order.status}</td>
                <td><a href="manageUserAccount.htm?action=viewDetails&orderId=${order.id}">View Details</a></td>
                <td><a onclick = "shipOrder(${order.id}, ${vs.index})">Ship the order</a><br><a onclick = "cancelOrder(${order.id}, ${vs.index})">Cancel the order</a></td>
        </tr>
</c:forEach>

控制器：

if(action.equals("cancel")){
        OrderDAO orderDao = new OrderDAO();
        System.out.println(request.getParameter("order"));
        Long orderId = Long.parseLong(request.getParameter("order"));
        Order order = orderDao.get(orderId);
        order.setStatus("Canceled");
        orderDao.save(order);
        JSONObject obj = new JSONObject();
        obj.put("cancel", "Canceled");
}
if(action.equals("ship")){
        OrderDAO orderDao = new OrderDAO();
        System.out.println(request.getParameter("ship"));
        Long orderId = Long.parseLong(request.getParameter("ship"));
        Order order = orderDao.get(orderId);
        order.setStatus("Shipped");
        orderDao.save(order);
        JSONObject obj = new JSONObject();
        obj.put("ship", "Shipped");
}

誰能幫我解決這個問題？ 謝謝！！

Answer 1

嗯，要檢查響應，我經常使用：

    if (xmlhttp.readyState==4 && xmlhttp.status==200)

也許您的回應沒有獲得正確的狀態？