52,797
社区成员
发帖
与我相关
我的任务
分享Jquery解析Ajax返回的Html数据的问题，急！在线等！
如下代码，在Ajax中的output中有一些数据，想类似于搜索引擎那样，把table里面的不同tr中的文字用不同的颜色来表示：主要是标题高亮，换成蓝色等；其次是Url这个字符串要插入超链接。但是好像一换字体，就不出结果了。求解。
[/code]
[/code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>新闻搜索</title>
<style>
body { font-family: "Hiragino Sans GB", sans-serif; font-size:0.9em; margin-left: 100px;}
p { line-height:150%;}
#query { width: 400px; }
table { border-collapse: collapse; border-spacing: 0; padding: 0px; width: 800px;}
</style>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
function timeConverter(UNIX_timestamp){
var a = UNIX_timestamp+""; //转化为字符串
var year = a.substring(0,4);
var month = a.substring(4,6);
var date = a.substring(6,8);
var hour = a.substring(8,10);
var min = a.substring(10,12);
var time = year+'/'+month+'/'+date+' '+hour+':'+min;
return time;
}
search = function() {
var query = $('input#query').val();
$.ajax({
url: "/json",
type: "GET",
data: { query: query },
dataType: "json",
success: function (result) {
var out = "<table border=0>"
var weibos = new Array();
for (var i = 0; i < result.docs.length; i++) {
weibos.push(result.docs[i]);
}
for (var i = 0; i < weibos.length; i++){
out += "<tr>"
//out += "<td>"
//out += "<font size="3">你好</font>"
//out += "</td>"
out += weibos[i].title;
out += "<br>"
out += "</tr>"
out += "<tr>"
out += "来源："+weibos[i].source;
out += timeConverter(weibos[i].time);
out += "评论"+weibos[i].popularity;
out += "<br>";
out += "</tr>";
out += "<tr>";
out += weibos[i].url;
out += "</tr>";
out += "<tr>";
out += "<p>" +weibos[i].content+ "</p>"; //段落
out += "</tr>";
}
out += "</table>"
$('div#output').html(out);
},
error: function (xhr, ajaxOptions, thrownError) {
alert(xhr.status);
alert(thrownError);
}
});
};
</script>
</head>
<body onload="search(0)">
<h2>新闻搜索</h2>
<p><input type="text" id="query" oninput="search()"></p>
<div id="output"></div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
weixiaoyu0824 2014-12-08
- 打赏
- 举报
out += '<font size="3">你好</font>'[/quote]我去，原来是这里。多谢啊。可是是为啥呢？我第一次接触JS。[/quote]
语法问题， 也可以这样写out += "<font size=\"3\">你好</font>"[/quote]还有个问题是，我改tr中的height，让不同的tr间段落间隔大一点，为啥不行呢改了效果不出来。。。
weixiaoyu0824 2014-12-08
- 打赏
- 举报
out += '<font size="3">你好</font>'[/quote]我去，原来是这里。多谢啊。可是是为啥呢？我第一次接触JS。[/quote]
语法问题， 也可以这样写out += "<font size=\"3\">你好</font>"[/quote]原来 是这样，需要转义。
slwsss 2014-12-08
- 打赏
- 举报
out += '<font size="3">你好</font>'[/quote]我去，原来是这里。多谢啊。可是是为啥呢？我第一次接触JS。[/quote]
语法问题， 也可以这样写out += "<font size=\"3\">你好</font>"
weixiaoyu0824 2014-12-08
- 打赏
- 举报
out += '<font size="3">你好</font>'[/quote]我去，原来是这里。多谢啊。可是是为啥呢？我第一次接触JS。
slwsss 2014-12-08
- 打赏
- 举报
out += '<font size="3">你好</font>'
weixiaoyu0824 2014-12-08
- 打赏
- 举报
数据添加到div#output 里没有？也有可能标签或者样式问题显示不了审核元素看下[/quote]在加<font color="blue">那里有提示uncaught syntaxError:unexpected string。是不是不能这样改？
slwsss 2014-12-08
- 打赏
- 举报
数据添加到div#output 里没有？也有可能标签或者样式问题显示不了审核元素看下
weixiaoyu0824 2014-12-08
- 打赏
- 举报
没问题的，数据可以显示吗？[/quote]没回<font color="blue"></font>的时候可以显示，加了之后就结果也不显示了。我在out += weibos[i].title;这句前面加了个out += "<font size="3">你好</font>"；就不显示了。
slwsss 2014-12-08
- 打赏
- 举报
没问题的，数据可以显示吗？
weixiaoyu0824 2014-12-08
- 打赏
- 举报
原理上html中改字体颜色等等应该没事吧？
slwsss 2014-12-08
- 打赏
- 举报
控制台看下报错了没有
slwsss 2014-12-08
- 打赏
- 举报
<tr style="height:200px;"
