1. HTML
HTML フラグメントが HTML ファイルに保存され、その HTML ファイルが別のメイン ページで直接読み取られ、その後、内部の HTML コード フラグメントが解析されてメイン ページに統合されることがあります。
fragment.html ファイル、その内容:
< ;div>こんにちは、Jquery
$("#a1").click(function(){
$("#div2").load('fragment.html');
return false;
});[コード]
2. JSON
JSON ファイルは test.json で、その内容は次のとおりです:
[code]
[{"name":"jim","age":" 20 "},{"名前":"ユリ","年齢":"18","趣味":["水泳","映画"]}]
$("#a2").click(function(){
$.getJSON('test.json',function(data){
var html = '
td>';
{
html = 行 ","; html = '
}); '';
3. XML
XML ファイルは test.xml で、その内容は次のとおりです:
コードをコピーします
コードは次のとおりです:
<書籍 id="1">
深入浅出extjs 张三 88価格>
<書籍 id="2">
锋利のjQuery 李四 99価格>
<書籍 id="3">
深入浅出flex 王五 108価格>
<書籍 id="4">
java编程の考え方 钱七 128価格>
主页面
Test.html中解析代码
$("#a3").click(function(){
$.get('test.xml',function(data){
var s="";
$(data).find('book').each(function(i){
var id=$(this).attr('id');
var name=$(this) .children('name').text();
var author=$(this).children('author').text();
varprice=$(this).children('price' ).text();
s =id " " 名前 " " 著者 " " 価格 "
;
$('#div2');
});
});
对JQuery 解析異文档做了一デモ，Test.html の原コードは
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
