1

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"。

4

2 に答える 2

0

いくつかのボタンをセットアップします。

<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"
    });
}
于 2012-08-21T15:32:13.290 に答える
0

絶対。これを行うにはいくつかの方法があります。基本的に、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
        }
    });
 });
于 2012-08-21T15:28:11.433 に答える