Fork me on GitHub
使用JQuery遍历解析由.ashx返回的json的值

使用JQuery遍历解析由.ashx返回的json的值

在网上查找了很多次,都没有发现真正能解决这个问题的。不过后来找到一个方法,试了试还不错,不过有些地方不是太明白,就是.ashx返回的json的字段为何只能使用小写,使用大写就提示没有定义。遍历值之后,动态填充的ul里作为文章列表。如下图:

jquery code:

/// <reference path="http://www.cnblogs.com/js/jquery-1.4.2.js" />
2
 
3
$(document).ready(function () {
4
    $(window.document).ready(function () {
5
 
6
        //搜索
7
        $("#txtsearch").keydown(function (event) {
8
            if (event.keyCode == 13) {
9
                $("#ulnew").html("");
10
                //提交关键词进行搜索
11
                $.ajax({
12
                    url: "askCommon.ashx?action=s",
13
                    type: "post",
14
                    data: { "key": $("#txtsearch").val() }, //提交表单,相当于CheckCorpID.ashx?ID=XXX
15
                    datatype: "json",
16
                    success: function (data) {
17
 
18
                        var json = eval(data);
19
                        var htmlStr = "";
20
                        $.each(json, function (i, n) {
21
                            htmlStr += " <li class='cle'><span class='ans-num'>" + n['replaycount'] + "回答</span> ";
22
                            htmlStr += "  <span class='price'>" + n['questionscore'] + "</span> ";
23
                            htmlStr += "  <span class='title'>";
24
                            htmlStr += "        <a  href='view" + n['questionid'] + ".htm' target='_blank'>" + n['title'] + "</a>";
25
                            htmlStr += "     </span> ";
26
                            htmlStr += " </li>";
27
                        });
28
                        $("#ulnew").html(htmlStr);
29
 
30
                    }
31
                });
32
            }
33
        })
34
 
35
    });
36
});

posted on 2011-03-31 09:58  HackerVirus  阅读(566)  评论(1编辑  收藏  举报