论坛首页 Web前端技术论坛

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

浏览 2452 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-12-28  

先说明下我的问题:
我想做一个仿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());

输出的数据截图

  • 大小: 3.7 KB
  • 大小: 15.4 KB
  • 大小: 24.4 KB
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics