È questo il modo più veloce per analizzare il mio XML in oggetti JavaScript usando jQuery?

Question

Ho un file XML in questo modo:

<content> 
    <box> 
     <var1>A1</var1> 
     <var2>B1</var2> 
     <var3>C1</var3> 
     <var4>D1</var4> 
    </box> 
    <box> 
     <var1>A2</var1> 
     <var2>B2</var2> 
     <var3>C2</var3> 
     <var4>D2</var4> 
    </box> 
    <box> 
     <var1>A3</var1> 
     <var2>B3</var2> 
     <var3>C3</var3> 
     <var4>D3</var4> 
    </box> 
</content> 

Ha 500 box elementi che ho bisogno di analizzare in oggetti JavaScript. Sto usando questo codice che funziona bene, ma io sono un novizio e forse mi manca qualcosa e vorrei ottenere suggerimenti se c'è un/modo migliore più veloce per farlo:

var app = { 
    //... 
    box: [], 

    init: function (file) { 
     var that = this; 

     $.ajax({ 
      type: "GET", 
      url: file, 
      dataType: "xml", 
      success: function (xml) { 
       $("box", xml).each(function (i) { 
        var e = $(this); 
        that.box[i] = new Box(i, { 
         var1: e.children("var1").text(), 
         var2: e.children("var2").text(), 
         var3: e.children("var3").text(), 
         var4: e.children("var4").text() 
        }); 
       }); 
      } 
     }); 
    }, 
    //... 
}; 

Grazie in anticipo.

Answer 1

Utilizzare JSON se possibile. In questo modo il browser eseguirà l'analisi per te e non dovrai eseguire alcuna elaborazione successiva.

JSON dal server

{"content": 
    {"box": [ 
    {"var1": "A1", 
    "var2": "B1", 
    "var3": "C1", 
    "var4": "D1"}, 
    {"var1": "A2", 
    "var2": "B2", 
    "var3": "C2", 
    "var4": "D2"}, 
    {"var1": "A3", 
    "var2": "B3", 
    "var3": "C3", 
    "var4": "D3"}]}} 

client JavaScript

var app = { 
    //... 
    box: [], 

    init: function (file) { 
     var that = this; 

     $.ajax({ 
      type: "GET", 
      url: file, 
      dataType: "json", 
      success: function(result) { 
       that.box = $.map(result.content.box, function(box, i) { 
       return new Box(i, box); 
       }); 
      } 
     }); 
    }, 
    //... 
}; 

Answer 2

Ho una sorgente XML sono costretto ad usare .. ho convertirlo in JSON sul lato client e quindi caricarlo .. molto più facile ..

Tracker.loadCasesFromServer = function() { 
$.ajax({ 
    type: 'GET', 
    url: '/WAITING.CASES.XML', 
    dataType: 'xml', 
    success: function (data) { 
      Tracker.cases = jQuery.parseJSON(xml2json(data, "")); 
      Tracker.loadCasesToMap(); 
     }, 
     data: {}, 
     async: true 
    }); 

};

usato il convertitore XML2JSON che può essere trovato qui: http://www.thomasfrank.se/xml_to_json.html

Duncan

Answer 3

È possibile utilizzare il browser il supporto XML nativo, che immagino sarebbe veloce. Tuttavia questo è variato tra i browser, ad es. (Firefox: DOMParser, IE: XMLDOM ..).

Così, invece di andare e alla manipolazione manualmente tutti i browser, si potrebbe fare uso di qualcosa di simile https://sites.google.com/a/van-steenbeek.net/archive/explorer_domparser_parsefromstring