Maison > Article > interface Web > Explication détaillée de l'analyse syntaxique JQuery HTML, JSON et XML examples_jquery

Explication détaillée de l'analyse syntaxique JQuery HTML, JSON et XML examples_jquery

WBOYoriginal: 2016-05-16 16:53:581228parcourir

1.HTML

Parfois, un fragment HTML est enregistré dans un fichier HTML, le fichier HTML est directement lu sur une autre page principale, puis le fragment de code HTML à l'intérieur est analysé et intégré dans la page principale.

Fichier fragment.html, son contenu :

Copier le code Le code est le suivant :

< ;div>bonjour Jquery

Analyser le code dans la page principale
Test.html

Copiez le code Le code est le suivant :

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

2. JSON
Le fichier JSON est test.json, son contenu :
[code]
[{"name":"jim","age":" 20 "},{"name":"lily","age":"18","hobby":["nager","film"]}]

Analyser le code dans la page principale
Test.html

Copiez le code Le code est le suivant :

$("#a2").click(function(){
$.getJSON('test.json',function(data){
var html = ' td>' ) {
html = line ","; html = '' }); ';

3. 🎜>

Copier le code

Le code est le suivant :

  
        深入浅出extjs  
        张三  
        88  
      
        锋利的jQuery  
        李四  
        99  
      
        深入浅出flex  
        王五  
        108  
      
        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();                 var price=$(this).children('price' .text();  
               s =id "    " nom "    " auteur "    " prix "
";  
            });  
            $('#div2').html(s); 
        });  
    });  

JQuery解析不同文档做了一个Demo，Test.html的原码是

复制代码代码如下 :