Question

我已经成功加载了xml，如果成功函数在加载XML后立即运行，一切正常。但是我希望在选择框（更改tmpproj值）上发生onChange事件后获取属性的值。当我尝试访问成功函数checkimgs（）时，它表示$（xml）未定义。

这可能是非常基本的解决方法，但我太盲目无法看到它。

var tmpproj = '02064';
var fileurl = 'menu.xml';

$.ajax({
    url: fileurl,
    type: "GET",
    dataType: "xml",
    success: checkimgs,
    error: error_func
 });


// Callback results if error
function error_func(result) {
    alert(result.responseText);
}

// Callback if Success
function checkimgs(xml) { 
    $(xml).find("item[projn="+tmpproj+"]").each(function()
    {           
        alert ($(this).attr("projn"));
    });
}

XML看起来像这样：

<menu nome="stuff" tag="ldol">
  <item projn="02064" nome="asdf" msg="ggg">
   <foto nome=""/>          
  </item>
  <item projn="06204" nome="xxx" msg="xxxd" />
</menu>

调用onchange事件：

$('#selctbox').change(function () {
    tmpproj = $('#projlist option:selected').val();
    checkimgs();
})

Answer 1

在此事件处理程序中：

$('#selctbox').change(function () {
    tmpproj = $('#projlist option:selected').val();
    checkimgs();
});

您直接调用checkimgs函数而不传入任何XML数据作为参数，这就是您收到$(xml) is not defined错误的原因。您需要在更改事件处理程序中调用$.ajax函数：

$('#selctbox').change(function () {
    tmpproj = $('#projlist option:selected').val();
    $.ajax({
        url: fileurl,
        type: "GET",
        dataType: "xml",
        success: checkimgs,
        error: error_func
    });
});

编辑：为了回应您的评论 - 为避免在每次更改时检索文件，只需在第一次检索时将XML响应存储在变量中：

var tmpproj = '02064';
var fileurl = 'menu.xml';
var xmlContent = '';

$.ajax({
    url: fileurl,
    type: "GET",
    dataType: "xml",
    success: checkimgs,
    error: error_func
 });


// Callback results if error
function error_func(result) {
    alert(result.responseText);
}

// Callback if Success
function checkimgs(xml) { 

    // Store the xml response
    if(xmlContent == '')
        xmlContent = xml;

    $(xml).find("item[projn="+tmpproj+"]").each(function()
    {           
        alert ($(this).attr("projn"));
    });
}

然后在您的选择更改处理程序中：

$('#selctbox').change(function () {
    tmpproj = $('#projlist option:selected').val();
    checkimgs(xmlContent);
});

选择更改后如何查询xml属性

1 个答案: