如何使用jQuery来操作页面

时间:2012-03-12 13:28:19

标签: jquery dom dom-manipulation

我这里有问题。我正在尝试使用jquery操作网页。如果我举个例子,我想我可以更好地解释一下:

我有我的网页,但我需要从其他网页获取一些信息。这就像......当你创建一个网页播放列表但我希望从另一个网站获取歌词,以便在播放音乐时一起显示。

我的网页 - >从(www.LyricsWebSite.com)获取信息 - >返回抒情诗。

这可能吗?我该怎么做?我想操纵一些特定的字段(id)来获取该信息。有人可以帮帮我吗?

3 个答案:

答案 0 :(得分:2)

每当您想要在自己的页面中不属于您网站的信息时,这就变成了粗略的调查顺序:

  1. 搜索网站是否有“REST”API。 (基于jsonp,如果你只想在javascript中做逻辑)。如果API存在并且包含您需要的信息,请使用它。
  2. 如果网站没有您可以使用的API,那么您必须以某种方式让服务器端代码向第三方网站发送实际请求以提取其信息,并且您的Javascript需要知道询问您的服务器'答案'。此设计要求的原因是,不能使用 javascript来调用与您不同的域上的网站(如果不熟悉该限制,请访问谷歌跨域​​javascript获取更多信息。)
  3. 我听说过有关Yahoo Pipes的好消息。这是解决#2路径的一种非常特殊的方式。

    此外,无论何时使用任一机制从其他站点提取数据,请务必检查其许可/协议。你可能会发现他们主动不允许这类事情。

答案 1 :(得分:1)

如果您尝试使用的服务提供可用于检索数据的API,则可以使用此功能。例如,Flickr有一个:http://api.jquery.com/jQuery.getJSON/ - 请参阅cat示例。

如果网站没有为您提供用于获取其数据的界面,您仍然可以找到实现所需目的的方法,但我不建议将其用于技术法律原因。

答案 2 :(得分:0)

我认为您希望找到包含带有API的歌词的数据库。您可以使用jQuery根据艺术家,歌曲查询该数据库,并将歌词返回到您的应用程序。

您描述的“屏幕刮擦”方法可能无法实现,而且可能要困难得多。