使用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
});
浙公网安备 33010602011771号