使用AJAX HTML JSON和JSP刷新显示的Datatable说明

时间:2015-06-03 06:54:41

标签: jquery ajax json jsp

您好我目前正在使用一个表格,该表格分别显示与州和产品有关的行和列。我的问题是我正在寻找一种方法来在每次输入新数据时用新元素刷新数据表,以及让这些更新值的颜色发生变化。我对AJAX很新,并且在网上搜索了一天之后我似乎无法找到一些问题

以下是在控制台中返回正在打印的值,但是我无法想办法通过html打印它们,因为每个产品都有每个状态的唯一值。我希望获取这些parsedJson值并让它们以字符串或某种形式显示,以便将它们交叉引用旧值并更新它们(可能是一个hashmap),然后从hashmap中打印出值。

function updateTable(name){
    console.log(name);
    $.ajax({
        type: 'POST',
        url: "SalesProductsAjax.jsp" ,
        data: "name=" + name,
        beforeSend:function(){
            //Update Stats
            console.log('Request Sent');
        },
        success:function(data){
            var response = $.parseJSON(data);
            var i = Object.keys(response).length-1;
            console.log(i);
            while ( i >= 0 ){
                var keyStr = Object.keys(response)[i];
                console.log("#" + name + " ." + keyStr + "$" + response[keyStr]);
                $("#" + name + " ." + keyStr).html("$" + response[keyStr]);
                i--;
            }
            //console.log(Object.keys(response)[0]);
            console.log("Success");
        },
        error:function(){
            // Failed request
            console.log("FAIL");
        }
    });
}   
productsR.beforeFirst(); 
while (productsR.next()){
    %>updateTable("<%=productsR.getString("name")%>");<%
}%>
function getChanges(){
    <% 
    productsR.beforeFirst(); 
    while (productsR.next()){
        %>updateTable("<%=productsR.getString("name")%>");  
    }%>

我之间有一些JSP代码调用行和列的查询,并使用getString()函数在html中打印出来,但我想知道是否有办法保存JSON解析对象,所以我可以以某种方式也将它们放在hashmap中并比较值以获得我需要的结果!

0 个答案:

没有答案