のは、XMLファイルがこれですと言ってみましょう:
<blah>
<test>This is a test</test>
</blah>
をとの私は、次のHTMLを持っているとしましょう:
<div id="example"></div>
test
の内容をXMLファイルから抽出し、jQueryを使用してHTMLコードの#example
の内容にするにはどうすればよいですか?
また、XMLファイルがHTMLコードとは異なるドメインでホストされているとします。
のは、XMLファイルがこれですと言ってみましょう:
<blah>
<test>This is a test</test>
</blah>
をとの私は、次のHTMLを持っているとしましょう:
<div id="example"></div>
test
の内容をXMLファイルから抽出し、jQueryを使用してHTMLコードの#example
の内容にするにはどうすればよいですか?
また、XMLファイルがHTMLコードとは異なるドメインでホストされているとします。
私の提案を使用することですが、JSONやjQueryの$ .post(または$アヤックス)ではなくXMLを使用すると、選択肢を持っている場合。それはあなたにいくつかの頭痛、IMOを保存します。あなたに心配してください、それは論争の問題です - 選択のいくつかの基本的な議論はhereが見つかりました。
次のように私が使用する基本的な形式は次のとおりです。
var namevariable="Suzie", agevariable=43;
var dS=JSON.stringify({"name":namevariable,"age":agevariable});
$.post('destination.php',{data:dS},function (res){
var o=JSON.parse(res);
// Return JSON format: {"unit":"13","subject":"English"}
$("#example").html(o.subject);
},"text"); // closing argument of $.post
これはdestination.phpするには、名前と年齢のフィールドを送信します。次に、destination.phpがユニット変数とサブジェクト変数を返すことを期待します。対象変数は<div id='example'></div>
に入力されます。
この方法を使用することを選択した場合、このサイトとネット上にヘルプのヒープがあります。
たとえば、JSONLintを使用してJSONデータの形式を確認できます。
あなたが何か行うことができます:
$.ajax({
dataType: "jsonp xml",
url: "http://mydomain.com/xmlfile.xml",
}).done(function(data) {
$('#example').append($(data).find('test').text());
});