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

WBOY

Libérer： 2016-05-16 16:53:58

original

1263 Les gens l'ont consulté

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的原码是

复制代码代码如下 :

Tutoriels populaires

Plus>

Tutoriels associés

Recommandations populaires

Derniers cours