日期:2014-05-16  浏览次数:20616 次

关于Ajax返回的数据显示到网页的问题

先说明下我的问题:
我想做一个仿Google Suggest的搜索框,输入keyWord时会返回一些数据,再显示到搜索框的下方的div中。
我已经成功获取的返回的数据,可是我不知道怎样将数据按照一定的格式显示到网页中。

这是我js里面的代码

function search() {
    var jqueryObj = $("#txtSearch");
    var searchStr = jqueryObj.val();
    $.get("SearchSuggest?search=" + searchStr, null, callback);
}

function callback(data) {
    var jqueryObj = $(data);
    var resultObj = $("#search_suggest");
        resultObj.empty();
    var str = data.split("\n");
}

截两张图:
输入“刘”字
用firebug查看:

服务器返回的数据是String类型的并且以"\n"做为分隔符。
下面一段是servlet中的代码:


vData = ss.search(search);
StringBuffer buf = new StringBuffer();
for (int i = 0; i < vData.size(); i++) {
String keyWord = (String) vData.get(i);
buf.append(keyWord + "\n");
}
System.out.println(buf.toString());

输出的数据截图