Question

我有一个AJAX xml解析：

$.ajax({
    type:"GET",
    url: "data/content_data.xml",
    dataType:"xml",
    success: function(xml) {

点击某个按钮元素后是否有更改源的选项？例如，我单击button_01并从url: "data/content_data_01.xml"脚本加载源，单击button_02从url: "data/content_data_02.xml"加载源。

Answer 1

绝对。有很多方法可以做到这一点。基本上，您只需使用字符串变量作为url值而不是文字字符串。您也许可以定义一个对象，用于查找值

var buttonIDtoURL = {
    "button_01": "data/content_data_01.xml",
    "button_02": "data/content_data_02.xml"
}

$(".button_class").click(function() {
    var urlToUse = buttonIDtoURL[$(this).id];
    $.ajax({
        type:"GET",
        url: urlToUse,
        dataType:"xml",
        success: function(xml) {
            // your success handler here
        }
    });
 });

Answer 2

设置一些按钮：

<input type="button" id="B01" value="Get nr. one" />
<input type="button" id="B02" value="Get nr. two"/>

并做一些jQuery的事情：

$('button').on('click', function() { //attach click handler
    doAjax(this.id.replace('B','')).done(function(xml) { // remove B and do ajax
        //do something with xml in the deferred callback
    });
});

function doAjax(url_id) { //url_id value will be 01 or 02 and ....
    return $.ajax({
        type:"GET",
        url: "data/content_data_"+url_id+".xml", //is inserted here in the url
        dataType:"xml"
    });
}

Ajax xml源解析依赖于使用jQuery的click操作

2 个答案: