ajax 接收json数据的进一步了解

最新推荐文章于 2024-11-15 17:52:45 发布

weixin_30408309

最新推荐文章于 2024-11-15 17:52:45 发布

阅读量79

点赞数

文章标签： json

原文链接：http://www.cnblogs.com/yi-mi-yangguang/p/6879589.html

版权

 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);
                    });

然后拼装数据就就可以了。

转载于:https://www.cnblogs.com/yi-mi-yangguang/p/6879589.html