一个Web应用的笔试题目,求大神迅速出击,小弟感激不尽
使用Java创建一个异步获取歌词的Web应用程序,实现如下功能:
1.用一个index页面列出一些歌曲的名字(歌曲都是英文的,列出2个就行,随便显示几句就行)
2.当一首歌曲的名字被点击的时候,通过使用AJAX从服务器获取歌词并且显示在歌曲的名字下面
3.歌词和歌曲名称都必须存储在数据库里面
4.最后将代码上传到github
就这么一个题目,要求今天完成,Java操作的部分我倒是ok,但是小弟没有使用过AJAX,对于HTML的显示也不太清楚,不知道怎么响应,也没有使用过github。求大神迅速出击,小弟跪拜源码。
[解决办法]
页面用模板写好,ajax用jquery,一会就能搞定了
[解决办法]
看书~~ 你不清楚的东西太多了
[解决办法]
建议上w3c,上面有ajax的例子
[解决办法]
使用jQuery,可以是代码更简洁
[解决办法]
我帮你写好了, 有个小要求,已经私信给你啦
<!DOCTYPE html><html><head><meta charset="utf-8" /><style>a { text-decoration:none;}li { list-style:none; padding:10px 0;}</style><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script><script>$(function(){$("li a").click(function(){var song = $(this);var songid = song.attr("id");$.post("findsrc.php",{ id: songid,},function(data) { $("#src").remove(); song.after($('<div id="src">' + data + '</div>').fadeIn("slow"));}); // postreturn false;});});</script></head><body><ul><li><a href="#" id="1">how are you </a></li><li><a href="#" id="2">oh yes </a></li><li><a href="#" id="3">baby come on </a></li></ul></body></html>