0

我正在使用 jQuery 动态填充选择元素。选项标签的内容是从 xml 文档返回的(xml 文件本身实际上是一个 php 文件,但它是作为 xml 生成的)。据我所知,ajax 函数似乎可以工作,但不能正常工作的部分是遍历 xml 的 $.each 循环。真正让我抓狂的是,当在 MAMP 上本地运行时,它一切正常,但一旦上线,它就无法工作。文件结构在线与本地完全相同。

这是xml:

<classes>
    <name>MM1</name>
    <name>MM2</name>
    <name>MM3</name>
    <name>MM4</name>
    <name>PR1</name>
    <name>PR2</name>
    <name>PR3</name>
    <name>PR4</name>
</classes>

这是jQuery:

var preview_div_top = $('<div class = "preview_div_top"/>');
var form = $('<form action = ""/>');

$.ajax(
{
    type: "GET",
    async: false,
    url: "xml/get_classes.php",
    dataType: "xml",
    success: function(xml)
    {
        var dropdown = '<select class = "class_list">';

        $(xml).find('name').each(function()
        {                       
            var theClass = $(this).text();
            dropdown += '<option value = "' + theClass + '">' + theClass + '</option>';
        });

        dropdown += '</select>';
        $(form).append(dropdown);
        $(form).append('<input type = "submit" class = "get_schedule_btn">');
    } // end success function           
}); // end AJAX

preview_div_top.append(form);
$('.preview .button').after(preview_div_top);

当我将它放在真实的服务器上时,它才停止工作。谁能看到我做错了什么?

4

1 回答 1

-1

您需要确保 JavaScript 包含的链接良好。在 Firefox 中使用 Chrome Debugger Net Panel 或 Firebug 扩展等工具。

于 2012-08-20T16:53:58.287 回答