Baidu Musicbox的Ajax实现解析

ajax

197 浏览量更新于2024-08-30 收藏 34KB PDF 举报

身份认证购VIP最低享 7 折!

30元优惠券

百度音乐盒使用Ajax技术实现的代码片段这段代码是百度音乐盒应用中的一部分，主要涉及到了JavaScript中的Ajax技术，用于异步加载数据和更新页面内容。Ajax（Asynchronous JavaScript and XML）是一种在不刷新整个网页的情况下，能够更新部分网页的技术。在给出的代码中，我们可以看到以下几个关键知识点： 1. 变量声明：`var names, Cs, St, rorw = "", lrcT;` 这些变量被用于存储不同的数据，如歌曲名称、状态等。 2. `getname` 函数：这个函数用于获取歌曲名称。如果`songname`参数为空，它将取`name`元素的值。`geturl`函数随后会被调用，这通常意味着歌曲名称被用来查询音乐资源。 3. `geturl` 函数：此函数通过Ajax调用服务器端的`inc/songurl.asp`，传入查询参数`type=url1`和`keyword`（由`names`变量提供），并将响应数据绑定到`musiclist`这个DOM元素。`AJAXCALL`是实现Ajax请求的自定义函数，它接受三个参数：请求的URL、处理返回数据的回调函数以及一个标志`isXML=true`，表示期望的返回类型是XML。 4. `AJAXCALL` 函数：虽然未完全给出，但可以推测这个函数负责创建XMLHttpRequest对象，发送HTTP请求，并在收到响应时执行回调函数。 5. `top` 函数：用于加载最新的音乐列表，通过调用`AJAXCALL`函数向`inc/songlist.asp`发送请求，参数`ac=new`表示获取最新歌曲。 6. `toplist` 函数：这个函数处理`top`函数返回的响应数据。它遍历返回的HTML结构，提取歌曲信息（如歌手名、歌曲名），并构建一个新的HTML列表，用于展示在页面上。`getElementsByClass`函数可能是一个用于获取具有特定类名的元素的辅助方法，而`getTagValue`函数则用于提取DOM元素的属性值。 7. `linker` 和 `linkers` 数组：这两个数组用于存储歌曲链接和歌手名，以便在生成HTML列表时使用。 8. 循环遍历`items`数组，构建新的HTML列表项`<li>`，并将其添加到`tmp`字符串中，最后将`tmp`设置为`toplist`元素的`innerHTML`，从而更新页面显示。这段代码展示了如何使用Ajax技术与服务器进行交互，动态地加载和更新音乐相关的数据，包括搜索歌曲、获取新歌列表等功能。

资源详情

资源推荐

Baidu Musicbox 用到的用到的ajax代码代码

var names;

var Cs, St;

var rorw=””;

var lrcT;

function getname(songname){

if(songname==””){

names=$(“name”).value;

}else{

names=songname;

}

geturl();

}

function geturl(){

AJAXCALL(“inc/songurl.asp?type=url1&keyword=”+names,”musiclist”,”isXML=true”);

addbox(names);

}

function top(){

AJAXCALL(“inc/songlist.asp?ac=new”,”toplist”,”isXML=true”);

}

function toplist(doc){

var items=getElementsByClass(doc,”item”);

var linker=new Array();

var linkers=new Array();

var tmp=”<ul>”;

for(var i=0;i<items.length;i++){

if(getTagValue(items[i], “singer”)==””)

{

linker[i]=””;

linkers[i]=””;

}

else

{

linker[i]=”(“+getTagValue(items[i], ‘singer’).replace(/ /g,” “)+”)”;

linkers[i]=” “+getTagValue(items[i], ‘singer’).replace(/ /g,” “);

}

var d=i+1;

tmp+='<li>’+d+’. <a href=javascript:getname(“‘+getTagValue(items[i], ‘songname’).replace(/ /g,” “)+linkers[i]+'”) title=”‘+getTagValue(items[i], ‘songname’).replace(/ /g,” “)+linker[i]+'”>’+getTagValue(items[i], ‘songname’).replace(/ /g,” “)+linker[i]+'</a>

</li>’;

}

tmp+=”</ul>”;

$(“toplist”).innerHTML=tmp;

}

function s2(){

AJAXCALL(“inc/songlist.asp?ac=all”,”s3″,”isXML=true”);

}

function s3(doc){

var items=getElementsByClass(doc,”item”);

var linker=new Array();

var linkers=new Array();

var tmp=”<ul>”;

for(var i=0;i<items.length;i++){

if(getTagValue(items[i], “singer”)==””)

{

linker[i]=””;

linkers[i]=””;

}

else

{

linker[i]=”(“+getTagValue(items[i], ‘singer’).replace(/ /g,” “)+”)”;

linkers[i]=” “+getTagValue(items[i], ‘singer’).replace(/ /g,” “);

}

var d=i+1;

</li>’;

}

tmp+=”</ul>”;

$(“topalllist”).innerHTML=tmp;

}

function musiclist(doc){

var items=getElementsByClass(doc,”item”);

var tmp=”<ul>”;

for(var i=0;i<22 && i<items.length;i++){

var d=i+1;

type=getTagValue(items[i], ‘type’);

tmp+='<li> <img src=”img/list.gif” /> <a title=”试听

点 ‘+d+’ (‘+type+’)” href=javascript:play(“‘+getTagValue(items[i], ‘type’)+'”,”‘+getTagValue(items[i], ‘link’).replace(/ /g,’ ‘)+'”)>’+names.replace(/ /g,’ ‘)+’ (‘+type+’)</a></li>’;

}

tmp+=”</ul>”;

$(“list”).innerHTML=tmp;

$(“msg”).style.display=”none”;

play(getTagValue(items[0], “type”),getTagValue(items[0], “link”));

}

function play(obj,url){

initLrc();

$(“guanxin”).style.display=”none”;

$(“msg”).style.display=”block”;

AJAXCALL(“inc/songurl.asp?type=url2&keyword=”+url+”&attach=”+obj,”gotoplay”,”isXML=true”);

AJAXCALL(“inc/lyrics.asp?song=”+names,”getlrc”,”isXML=true”);

}

var tl;

function getlrc(doc){

tl=””;

var items=getElementsByClass(doc,”item”);

var tmp=”<div id=LrcDiv class=LrcDiv>”;

for(var i=0;i<items.length;i++){

tmp+='<div class=div id=T_’+getTagValue(items[i], ‘time’)+’ onclick=To(\”+getTagValue(items[i], ‘time’)+’\’)>’+getTagValue(items[i], ‘lrc’)+'</div>’;

tl+=getTagValue(items[i], ‘time’)+”|”;

}

tmp+=”</div>”;

$(“lrc”).innerHTML=tmp;

}

function gotoplay(docs){

var type=getTagValue(docs, “type”);

var link=getTagValue(docs, “link”);

if(type==”rm” || type==”ra” || type==”ram” || type==”rmvb” || type==”mpga” || type==”mp4″ || type==”3gp”)

$(“players”).innerHTML=realplayer(link);

else

下载后可阅读完整内容，剩余3页未读，立即下载

weixin_38629939

粉丝: 10
资源: 925

Baidu Musicbox的Ajax实现解析

Ajax-Musicbox-for-web.zip

Android安卓经典设计例程源代码-MusicBox.rar

NetEase-MusicBox 怎么从网易云音乐下载歌曲

cursor怎么设置中文

python网易云音乐下载

用python下载网易云音乐

选择Swing

用python 从https://music.163.com/#/user/home?id=33732557网址 下载一个.mp3音乐

python 搜索网易云音乐的歌曲完成后，下载网易云音乐的歌曲

5110-微信小程序健身房私教预约微信小程序+ssm（源码+数据库+lun文）.zip

Fast_integration_dependencies_in_spring_boot.是一个快速_fastdep.zip

05-Python数据类型-列表的相关运算

python字典介绍​.docx

5062-微信小程序传染病防控宣传系统的设计与实现+springboot（源码+数据库+lun文）.zip

智慧种植管理系统.zip

5302-微信小程序党建工作小秘书（源码+数据库）.zip

5137-微信小程序在线选座+ssm（源码+数据库+lun文）.zip

5208-微信小程序校园约拍微信小程序设计与实现ssm（源码+数据库+lun文）.zip

5117-微信小程序宿舍管理系统小程序+ssm（源码+数据库+lun文）.zip

西门子博图1214c组态的运动控制学习案列，画圆，画方，相对运动，绝对运动，点动回原点，注释全面，博图v15.1版本

最新资源

用python 从https://music.163.com/#/user/home?id=33732557网址下载一个.mp3音乐

python字典介绍.docx