一个Web运用的笔试题目，求大神迅速出击，小弟感激不尽
日期：2014-05-16 浏览次数：20814 次
一个Web应用的笔试题目，求大神迅速出击，小弟感激不尽
使用Java创建一个异步获取歌词的Web应用程序，实现如下功能：
1.用一个index页面列出一些歌曲的名字（歌曲都是英文的，列出2个就行，随便显示几句就行）
2.当一首歌曲的名字被点击的时候，通过使用AJAX从服务器获取歌词并且显示在歌曲的名字下面
3.歌词和歌曲名称都必须存储在数据库里面
4.最后将代码上传到github
就这么一个题目，要求今天完成，Java操作的部分我倒是ok，但是小弟没有使用过AJAX，对于HTML的显示也不太清楚，不知道怎么响应，也没有使用过github。求大神迅速出击，小弟跪拜源码。
------解决方案--------------------
页面用模板写好，ajax用jquery，一会就能搞定了
------解决方案--------------------
看书～～ 你不清楚的东西太多了
------解决方案--------------------
建议上w3c，上面有ajax的例子
------解决方案--------------------
使用jQuery,可以是代码更简洁
------解决方案--------------------
我帮你写好了， 有个小要求，已经私信给你啦
使用Java创建一个异步获取歌词的Web应用程序，实现如下功能：
1.用一个index页面列出一些歌曲的名字（歌曲都是英文的，列出2个就行，随便显示几句就行）
2.当一首歌曲的名字被点击的时候，通过使用AJAX从服务器获取歌词并且显示在歌曲的名字下面
3.歌词和歌曲名称都必须存储在数据库里面
4.最后将代码上传到github
就这么一个题目，要求今天完成，Java操作的部分我倒是ok，但是小弟没有使用过AJAX，对于HTML的显示也不太清楚，不知道怎么响应，也没有使用过github。求大神迅速出击，小弟跪拜源码。
------解决方案--------------------
页面用模板写好，ajax用jquery，一会就能搞定了
------解决方案--------------------
看书～～ 你不清楚的东西太多了
------解决方案--------------------
建议上w3c，上面有ajax的例子
------解决方案--------------------
使用jQuery,可以是代码更简洁
------解决方案--------------------
我帮你写好了， 有个小要求，已经私信给你啦
- HTML code
<!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"));
}); // post
return 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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
