Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Ajax解析livexml提要_Javascript_Ajax_Xml - Fatal编程技术网

Javascript 使用Ajax解析livexml提要

Javascript 使用Ajax解析livexml提要,javascript,ajax,xml,Javascript,Ajax,Xml,我正在尝试制作一个实时公交应用程序,显示加拿大QC拉瓦尔的实时公交位置。 它们在这里提供了它们的总线位置,尽管我不确定如何从提要中提取每个总线的“lat”和“long”属性,并可能将它们放入坐标数组或JSON文件中 任何帮助都将不胜感激, 谢谢大家! 这里有两个选项,要么用PHP、Python、Java或服务器上使用的任何其他技术解析提要信息服务器端,要么用Javascript解析客户端 我看到您用Javascript标记了它,所以我将给您一个关于如何使用Javascript/JQuery的答案

我正在尝试制作一个实时公交应用程序,显示加拿大QC拉瓦尔的实时公交位置。 它们在这里提供了它们的总线位置,尽管我不确定如何从提要中提取每个总线的“lat”和“long”属性,并可能将它们放入坐标数组或JSON文件中

任何帮助都将不胜感激,
谢谢大家!

这里有两个选项,要么用PHP、Python、Java或服务器上使用的任何其他技术解析提要信息服务器端,要么用Javascript解析客户端

我看到您用Javascript标记了它,所以我将给您一个关于如何使用Javascript/JQuery的答案。如果您不了解JQuery,那么,在深入研究JQuery之前,是时候开始学习JQuery了。总之,这里是使用JS/Jquery的方法

var serviceUrl = http://webservices.nextbus.com/service/publicXMLFeed?command=vehicleLocations&a=stl';

$(document).ready(function(e){
        $.ajax({
            url : serviceUrl,
            method : 'GET',
            dataType : 'xml',
            success : function(data){
                // This one below finds all the vehicle nodes
                // and parse each of them individually.
                $(data).find('vehicle').each(function(index, vehicle){
                    // Get the vehicle lat
                    var lat = $(vehicle).attr('lat');
                });
            }
        });
    }); 

很好,您可以检查JQuery的.each、.find和$.ajax方法和函数,以便真正了解发生了什么。祝你好运。

谢谢你!最后,我用ajax做了一项更为混乱的工作,尽管考虑到这一点,我认为我将使用这种方法(我将所有内容存储在一个全局变量中,并将属性推送到一个json对象中)。再次感谢你!这是我的第一个问题:)好的,欢迎你。这段代码中可能有很多东西需要解释。不过,您可以在JQuery中学习$.ajax()方法。上面设置的
var serviceUrl
也可以位于下面的
$(document).ready()中。