スタックされたjavascriptオブジェクトの動的構築

Question

スタックされたjavascriptオブジェクトの動的構築

私は、XMLファイルからすべてのパラメータを読み込んでフラッシュで書き込まれた一連のインタラクティブなアクティビティを持っています。私たちはFLASHから離れるので、必要なXML要素を読み込んで、すべての要素とそのプロパティを含むjavascriptオブジェクトを動的に作成するスクリプトを作成しています。最後に、オブジェクトをJSON.stringify（）で渡し、JSON化されたバージョンを渡します。

私は、JQueryを使ってajax呼び出しを使用してXMLを読み込み、次にJSとJQUERYの組み合わせを読んでいます。 DOMセレクタのjqueryが好きです。

私は一緒に行くように私はこのすべてのものを学んでいると私は私が私は私が（。）と要素の束を処理する必要があるポイントに達すると私は壁にヒットしたので、私は開発業者ではない。私は確信していませんが、私は構文のことを推測しています。すべてのことは、XMLのように見える "パネル"を追加する時間が来るまで、偉大な作業をしていた+ ... 私は各パネルを処理しなければならない。

$.ajax({
    type: "GET",
    url: "activity.xml",
    dataType: "xml",
    success: function(xml) {
        var activity = {
            title : {
                text: $(xml).find('title').text(), 
                xpos: $(xml).find('title').attr('xpos'), 
                ypos: $(xml).find('title').attr('ypos')
            },
        rubric : {
                text: $(xml).find('rubric').text(), 
                xpos: $(xml).find('rubric').attr('xpos'), 
                ypos: $(xml).find('rubric').attr('ypos')
            },
        panels: {
                $(xml).find('panel').each(function() {
                    panel :{width: $(this).attr('width'), 
                    height: $(this).attr('height'), 
                    xpos: $(this).attr('xpos'), 
                    ypos: $(this).attr('ypos')
            }});// end .each()
        }// end panels object
   });//end ajax.get(xml)   

   var activity_json = JSON.stringify(activity);

私はこのようにしていないと確信していますが、私はそれがどのようにすべきかわかりません。

前もって感謝します

1

追加された 06 2月 2012 〜で 04:09 著者 Nuevallorker 編集された 06 2月 2012 〜で 05:28

ビュー: 4

源

ru fr es pt de ar

これをJSfiddleに単純化しておけば、元のデータを見ることなく問題を捕まえるのは難しいです。私が過去に実行したことの1つは、XMLが有効であることを確認する必要があることです。フラッシュルーチンの中には、Webブラウザよりもはるかに寛容なものがあります。 activity.xmlのすべてが正しく検証されていることを確認しましたか？

追加された 06 2月 2012 〜で 04:12, 著者 pp19dd, 源

1 答え

著者 Oybek · Answer 1 · 2012-02-06T04:17Z

あなたの問題はここになければならない

panels: {
            $(xml).find('panel').each(function() {
                panel :{width: $(this).attr('width'), 
                height: $(this).attr('height'), 
                xpos: $(this).attr('xpos'), 
                ypos: $(this).attr('ypos')
        }});// end .each()

次のようにコードを書き換えます。

 var activity = {
        title : {
            text: $(xml).find('title').text(), 
            xpos: $(xml).find('title').attr('xpos'), 
            ypos: $(xml).find('title').attr('ypos')
        },
    rubric : {
            text: $(xml).find('rubric').text(), 
            xpos: $(xml).find('rubric').attr('xpos'), 
            ypos: $(xml).find('rubric').attr('ypos')
    },
    panels : []
 };



  $(xml).find('panel').each(function() {
           var data = {
                panel :{
                    width: $(this).attr('width')
                }, 
                height: $(this).attr('height'), 
                xpos: $(this).attr('xpos'), 
                ypos: $(this).attr('ypos')
           }
           activity.panels.push(data);
  });

編集

あなたはオブジェクトリテラルの構文を破っています。配列を初期化し、オブジェクト宣言を終了する必要があります。次にコレクションを繰り返し、オブジェクトの panels プロパティに適切な値を設定します。

編集

うん。私はあなたが何を意味するかを見ます。

Here is the fiddle that iterates over your dom elements. I used the native JavaScript api. I'm not very familiar with, say, jQuery2XML.