我正在使用 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);
当我将它放在真实的服务器上时,它才停止工作。谁能看到我做错了什么?