jQurey AJAX

一、使用get()方法请求XML格式的数据

 $.get(

  'example.xml',

{data:data},

function($xml){

},

'xml' 

) ;

getXML.xml 

 

<? xml version="1.0" encoding="gb2312" ?>
< book >
     < name >jQuery JavaScript与CSS开发入门经典 </ name >
     < author >Richard Yrok </ author >
     < press >Wrox </ press >
</ book >

 

getXML.html 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< title >请求XML格式的数据 </ title >
< script  src ="jquery.js"  type ="text/javascript" ></ script >
< script  type ="text/javascript" >
    $(document).ready( function (){
        $( ' #getXML ' ).click( function ($e){
            $e.preventDefault();
            $.get(
                 ' getXML.xml ' ,
                 function ($xml){
                    $xml = $($xml);
                    $( ' .bookName ' ).text($xml.find( ' name ' ).text());
                    $( ' .author ' ).text($xml.find( ' author ' ).text());
                    $( ' .press ' ).text($xml.find( ' press ' ).text());
                },
                 ' xml '
            );
        });
    });
</ script >
</ head >
< body >
         < div  class ="bookName" ></ div >
         < div  class ="author" ></ div >
         < div  class ="press" ></ div >
</ body >

</ html>

注意： 

问题：用jQuery调用xml文件时，谷歌浏览器和IE浏览器无法无法正常访问，火狐浏览器则可以。

原因：谷歌和IE出于安全考虑，不允许浏览器去直接请求本地磁盘的文件。

解决：文件上传到服务器就可以正常访问，测试时可以在iis新建虚拟目录进行测试。