简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

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
1222 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
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！