ajax struts实现在线查询功能

hzywy

浏览: 168633 次
性别:
来自: 长沙

最近访客更多访客>>

jaymsimusic

chewp_ibm

llx156158574

testjiang3

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

java web 开发

ajax 异步调用

我用的是ajax 和struts实现的一个在线查询功能，原理很简单。
首先解析网址根据输入的内容得到一个相关文本内容，我用的网站是百度mp3
public static List<String> onlineSearch(String singer) throws IOException {
// if (singer == null)
// singer = "爱";
String name = "a";
String path = "http://nssug.baidu.com/su?wd="
+ URLEncoder.encode(singer, "UTF-8")
+ "&prod=mp3&oe=utf-8&callback=undefined";

System.out.println("path = " + path);
double fileLength = 0.0;
File parent = new File("D:\\path");
if (!parent.exists()) {
parent.mkdirs();
}
File mp3File = new File(parent, name);
System.out.println(mp3File);
OutputStream os = null;
InputStream is = null;
URL url = new URL(path);
HttpURLConnection con = (HttpURLConnection) url.openConnection();
// 此处必须伪造referer,否则会自动返回首页.分析后,与cookie无关
con.setRequestProperty("User-Agent",
"Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Maxthon;)");
con.setRequestProperty("Accept-Encoding", "deflate");
con.setRequestProperty("referer", "http://nssug.baidu.com");
con.setDoInput(true);
con.connect();
if (con.getResponseCode() == HttpURLConnection.HTTP_OK) {
is = con.getInputStream();
byte[] b = new byte[1024 * 5];
int length = -1;
os = new FileOutputStream(mp3File);
while ((length = is.read(b)) != -1) {
os.write(b, 0, length);
}

os.flush();
}

BufferedReader reader = new BufferedReader(new InputStreamReader(
new FileInputStream(mp3File), "gbk"));
String tmp = reader.readLine();
reader.close();
Pattern p = Pattern.compile("\$.*?\$");
Matcher m = p.matcher(tmp);
String result="";
while (m.find()) {
result+=m.group();
}
result = result.replaceAll("\$", "");
result = result.replaceAll("\$", "");
Gson gson = new Gson();
HashMap object = (HashMap) gson.fromJson(result, Object.class);

ArrayList list = (ArrayList) object.get("s");

return list;
}
这是解析网站反馈给我的文本把内容放在一个list里面然后action调用方法
@SuppressWarnings("static-access")
public String execute() throws Exception {
// 将要返回的user实体对象进行json处理
JSONObject jo = JSONObject.fromObject(this.user);

// 打印一下，格式如下

// {"name":"风达","age":23}
        System.out.println(result);
        List<String> list = new ArrayList<String>();
     list= onlineSearch(result);
        for(int i=0; i<list.size();i++) {
        System.out.println(list.get(i));
        this.result += "<li>"+list.get(i)+"</li>";
        }
        System.out.println(result);
return this.SUCCESS;

}
接下来就是页面，
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Google Maps JavaScript API Example</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js" />
<script type="text/javascript">

</script>
<script type="text/javascript">
function lookup(inputString) {
if (inputString.length == 0) {
// Hide the suggestion box.
$('#suggestions').hide();
} else {
$.post("jsonAction.action", {
result : "" + inputString + ""
}, function(data) {
if (data.length > 0) {
$('#suggestions').show();
$('#autoSuggestionsList').html(data);

$("#autoSuggestionsList li").each(function() {
$(this).click(function() {
//alert($(this).text());
fill($(this).text());
});
});

}
});
}
} // lookup

function fill(thisValue) {
$('#inputString').val(thisValue);
setTimeout("$('#suggestions').hide();", 200);
}
</script>

</head>

<body>
<h1>Nodstrum Auto Completer</h1>
<div>
<form>
<div>
Type your county (for the demo): <br /> <input id="inputString"
onkeyup="lookup(this.value);" onblur="fill(this.value);"
type="text" />

</div>

<div class="suggestionsBox" id="suggestions"
style="display: none; z-index: 500;">
<img src="js/upArrow.png"
style="position: relative; top: -12px; left: 30px;" alt="upArrow" />
<div class="suggestionList" id="autoSuggestionsList"> </div>
</div>
</form>
</div>



</body>
</html>
主要代码实现了只需要配置struts就可以在此我就不写了。。。

struts2_Ajax2.rar (4.8 MB)
下载次数: 5

分享到：

那些年，我们一起写的程序（同事的你） | JS动态生成文本框

2012-03-27 11:58
浏览 1210
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论