>  기사  >  웹 프론트엔드  >  JQuery를 사용하여 AJAX 스크립트를 구현하여 XML을 로드하고 it_jquery를 구문 분석합니다.

JQuery를 사용하여 AJAX 스크립트를 구현하여 XML을 로드하고 it_jquery를 구문 분석합니다.

WBOY
WBOY원래의
2016-05-16 18:49:29973검색
1,Content-Type
파싱 실패가 Content-Type의 문제인 경우가 많습니다.
xml 파일인 경우 이 단계를 건너뛰세요.
동적으로 생성된 XML은 text/xml로 설정되어야 하며, 그렇지 않으면 기본적으로 일반 텍스트인 text/html로 설정됩니다.
공용 언어에 대한 콘텐츠 유형 설정
코드 복사 코드는 다음과 같습니다.

header( "Content-Type:text/xml"); //php
response.ContentType="text/xml" //asp
response.setHeader("ContentType","text/xml"); //jsp

2, xml 구조.

예:
잘못된 XML
코드 복사 코드는 다음과 같습니다:

CODE:

zhangsan
1
lisi
2
코드:
< ?xml version="1.0" 인코딩="UTF-8"?>

/name>
1

이름>
2



3, 구문 분석
>여기서는 macnie의
순회 학생을 나타냅니다(위의 XML은 여기에서도 여전히 사용되며 하위 노드는 학생입니다)


코드 복사

코드는 $.ajax({ url:'ajax.asp', type: 'GET', dataType: 'xml', //여기서 작성할 필요는 없지만 텍스트나 HTML은 작성하지 마세요!!!
timeout: 1000,
error: function(xml){
alert('Error loading XML document ' xml);
} ,
성공: function(xml){
$(xml).find("student").each(function(i){
var id=$(this ).children("id") ; //객체 가져오기
var id_value=$(this).children("id").text(); //텍스트 가져오기
alert(id_value);/ /여기에 ID 값이 있습니다.
alert($(this).attr("email")); //학생 아래의 이메일 속성이 여기에 표시될 수 있습니다.
//마지막 출력은 cssrain의 작성 방법인데, macnie보다 더 우아한 것 같습니다
$('
  • ')
    .html(id_value)
    .appendTo('ol');
    });
    }
    });


    추가할 마지막 사항: 서버가 utf로 인코딩되었는지 확인하세요. -8
    성명:
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.