ajax 接收json數據的進一步了解

 var url = "../searchclasses";
            $.ajax({
                url: url,
                type: "post",
                dataType: "json",//以json形式接收
                error: function() {
                    alert("error");
                },
                success: function(data) {
                    var html = "";
                    $.each(data, function(index, content) {
                        var kch = content.KCH,
                            kcm = content.KCM,
                            ks = content.KS,
                            kcdm = content.KCDM;
                        html = kch + " " + kcm + " " + ks + " "
                        kcdm;
                        $("#main .main-serarch-box").append(html);
                    });
                }
            });

加個error:function(){

alert("error");

}

來判斷是否成功接收到了json數據

 

后台組裝json

    out.print("[");
                for (int i = 1; i <= totalRecord && boo; i++) {
                    int kch = rowSet.getInt(1);
                    String kcm = rowSet.getString(2);
                    Float ks = rowSet.getFloat(3);
                    String kcdm = rowSet.getString(4);
                    if (i != totalRecord) {
                        out.println("{ \"KCH\" : \"" + kch
                                + "\" , \"KCM\" : \"" + kcm + "\",\"KS\" : \""
                                + ks + "\" , \"KCDM\" : \"" + kcdm + "\"},");
                    } else {
                        out.println("{ \"KCH\" : \"" + kch
                                + "\" , \"KCM\" : \"" + kcm + "\",\"KS\" : \""
                                + ks + "\" , \"KCDM\" : \"" + kcdm + "\"}");
                    }
                    // 這里出現了小問題，i的最后一個判斷之前沒搞清
                    boo = rowSet.next();

                }
                out.print("]");

復制開發者工具欄的json數據到 http://www.bejson.com/  

json工具檢驗網站檢驗下，檢查從前台收到的data是否真的是json數據，

 

json的數組格式為 [{},{},{}]

之前因為少了一個[] 導致error回調函數接收到的為error；

接收成功就是根據json對象來調用json數據

   $.each(data, function(index, content) {
                        var kch = content.KCH,
                            kcm = content.KCM,
                            ks = content.KS,
                            kcdm = content.KCDM;
                        html = kch + " " + kcm + " " + ks + " "
                        kcdm;
                        $("#main .main-serarch-box").append(html);
                    });

 

然后拼裝數據就就可以了。