XML値をインポートしていますか？

Question

...私は一つのアイテムだけを持つ単純なXML ...

<myXML> 
    <valuesItem 
     name = 'name' 
     age = 'age' 
     gender = 'gender' 
    /> 
</myXML> 

を持っている...そして、このようなjQueryオブジェクトの新しい値であることが唯一のアイテムの属性値をインポートすると仮定すると、

var myObject = { 
     name: 'name', 
     age: 'age', 
     gender: 'gender' 
}; 

...どのように私は進めますか？

私はこのように私の目的を達成しようとしましたが、私はこれまでのところ成功していない：

var myObject = {}; 

$.get(myXML.xml, function(xmlData) { 
     var xmlValues = {}; 

     $(xmlData).find('valuesItem').each(function() { 
      var $item = $(this); 
      xml Values = { 
        name: $item.attr('name'), 
        age: $item.attr('age'), 
        gender: $item.attr('gender') 
      }; 
     }); 

     $.extend(myObject, xmlValues); 
}); 

にはどうすれば公共$に.get（）の戻り結果を作ることができますか？

Answer 1

ここでの問題は、非同期のajax呼び出しを作成していることです。 $ .ajaxを使用して呼び出しを非同期にしないか、xmlデータを使用する必要がある場合は、$ .get呼び出しの成功関数で関数を呼び出す必要があります。あなたができる例えば

：編集Tomalakため

var myObject = {}; 

$.ajax({ 
    type: 'get', 
    url: 'myXML.xml', 
    dataType: 'xml', 
    async: false, 
    success: function (xmlData) { 

     $(xmlData).find('valuesItem').each(function() { 
      var $item = $(this); 
      myObject = { 
        name: $item.attr('name'), 
        age: $item.attr('age'), 
        gender: $item.attr('gender') 
      }; 
     }); 
    } 
}); 
//here myObject is set because it waits for the call to finish 

Answer 2

このようにすることができます。

var myObject = {}; 

$.ajax({ 
    type: 'get', 
    url: 'myXML.xml', 
    dataType: 'xml', 
    success: function (data) { 
    myObject = data; 
    } 
}); 

もつともあなたは$.ajax()後に直接XMLを処理するコードを入れた場合、コールが完了していないので、あなたは、エラーのすべての種類に実行されます。サーバが要求に応答した刚性

あなたがそうのような成功の関数内で、あなたのロジックのすべてを置くことをより良い..成功として

$.ajax({ 
    type: 'get', 
    url: 'myXML.xml', 
    dataType: 'xml', 
    success: function (data) { 
    //do stuff with data here 
    //the variable "data" holds all of your xml, parsed into a JavaScript object 
    } 
}); 

は呼び出されません。

EDIT：あなたの特定の用途に合わせてこのようなことを行う方が良いかもしれません。

まず、引数dataをとり、その後、プラグイン

startPlugin = function (data) { 
    var newoptions = {}; 
    newOptions.name = data.myXML.valuesItem.name; 
    newOptions.age = data.myXML.valuesItem.age; 
    newOptions.gender = data.myXML.valuesItem.gender; 

    //start the plugin here with newOptions 
} 

を設定する関数を定義成功コールバックとしてAJAXにその関数を渡します。

$.ajax({ 
    type: 'get', 
    url: 'myXML.xml', 
    dataType: 'xml', 
    success: startPlugin 
}); 

も$.ajax()であなたはリクエストの同期を行うためにfalseにasyncを設定することができますが、それは悪い習慣と考えられています。