その中にxmlデータを含むjavascriptオブジェクトがあります。jquery の .ajax() 呼び出し内でこのオブジェクトを解析したいと考えています。誰もそれを行う方法を知っていますか? ポインタに苦労しています。これで私を助けてください。
ありがとう!
その中にxmlデータを含むjavascriptオブジェクトがあります。jquery の .ajax() 呼び出し内でこのオブジェクトを解析したいと考えています。誰もそれを行う方法を知っていますか? ポインタに苦労しています。これで私を助けてください。
ありがとう!
使用するjQuery.parseXML( data );
こちらのドキュメントを参照してください: http://api.jquery.com/jQuery.parseXML/
book
タグに含まれる書籍のカタログを解析し、後でデータに簡単にアクセスできるように結果を JavaScript オブジェクトにキャッシュする例を次に示します。MSDN サイトから取得した XML サンプル
これにより、結果を探すために xml を再度解析するよりも、後でデータ アクセスがはるかに簡単になります。ストア オブジェクトの形式は、この方法でもアプリのニーズに最適に設定できます。
デモ: http://jsfiddle.net/WpFUE/
var xmlResults = {};
$(xml).find('book').each(function() {
var $book = $(this);
var id = $book.attr('id');
var title = $book.find('title').text();
var auth = $book.find('author').text();
var descrip = $book.find('description').text();
/* store data in object with id for key */
xmlResults[id] = {
author: auth
}
$('body').append('<div class="book_wrap" data-id="' + id + '">Book: ' + title + '<br>' + descrip + '<p>CLICK ANYEHWERE ON DIV TO GET AUTHOR</div>')
})
$('.book_wrap').click(function() {
var id = $(this).data('id');
/* no parsing of xml, use simple javascript object notation to referece data stored*/
var auth = xmlResults[id].author;
alert('Author is '+auth)
})