HTML、JSON、XML を解析する JQuery の詳細な説明 example_jquery

WBOY

リリース： 2016-05-16 16:53:58

オリジナル

1290 人が閲覧しました

1. HTML

HTML フラグメントが HTML ファイルに保存され、その HTML ファイルが別のメインページで直接読み取られ、その後、内部の HTML コードフラグメントが解析されてメインページに統合されることがあります。

fragment.html ファイル、その内容:

コードをコピーコードは次のとおりです:

< ;div>こんにちは、Jquery

メインページのコードを解析します
Test.html

コードをコピーしますコードは次のとおりです:

$("#a1").click(function(){
$("#div2").load('fragment.html');
return false;
});[コード]

2. JSON
JSON ファイルは test.json で、その内容は次のとおりです:
[code]
[{"name":"jim","age":" 20 "},{"名前":"ユリ","年齢":"18","趣味":["水泳","映画"]}]

メインページのコードを解析します
Test.html

コードをコピーしますコードは次のとおりです:

$("#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 の原コードは

复制代代码如下:

著者別の最新記事