지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > jquery_jquery에서 네임스페이스를 사용하여 XML 데이터 처리

jquery_jquery에서 네임스페이스를 사용하여 XML 데이터 처리

WBOY
풀어 주다： 2016-05-16 18:06:03
원래의
1047명이 탐색했습니다.

그러나 불행하게도 많은 서비스에서 반환되는 데이터는 여전히 XML 형식입니다.
jquery에는 xml 등의 데이터 처리를 지원하는 기능이 내장되어 있으며 이에 대해서는 아무런 문제가 없습니다. 그러나 전제는 반환된 데이터에 네임스페이스가 없다는 것입니다. 예를 들어 다음 데이터

코드 복사 코드는 다음과 같습니다.











이러한 데이터를 처리하기 위한 jquery 코드는 대략 다음과 같습니다
코드 복사 코드는 다음과 같습니다.

var div = $("#placeholder")
// 네임스페이스 없이 xml 처리
$.get("data.xml", null, function (data) {
var Employees = $("Employee", data); //모든 Employee 노드 찾기
var ul = $("
    ")
    employees .each(function ( ) {
    $("
  • ").text($(this).attr("firstName") " " $(this).attr("lastName")). appendTo(ul); // 데이터의 각 행에 대해 새 li 태그를 생성하고 ul에 삽입합니다.
    ul.appendTo(div)
    });
    그러나 XML 데이터에 네임스페이스가 있으면 위 코드는 유효하지 않습니다. 그 이유는 jquery가 기본적으로


네임스페이스를 처리할 수 없기 때문입니다. 코드는



< d:Employee id="1" firstName="bill" lastName="gates">

🎜>



순서 이 문제를 해결하기 위해 일부 열성적인 네티즌들은 jquery.xmlns.js라는 jquery 플러그인을 작성했습니다. 관심이 있으시면 다음

http://www에서 알아보고 다운로드하실 수 있습니다. rfk.id.au/blog/entry/xmlns-selectors-jquery/

그런 다음 다음 방법을 사용하여 문제를 해결할 수 있습니다



복사 코드
코드는 다음과 같습니다.

$.xmlns["d"] = "http://tech.xizhang.com" // 네임스페이스가 있는 xml 처리 $.get("datawithnamespace.xml", null , function (data) { var Employees = $("d|Employee", data); //모든 Employee 노드 찾기var ul = $("
    "); employees.each(function () { $("
  • ").text($(this). attr("firstName") " " $(this).attr("lastName") ).appendTo(ul)
})
ul.appendTo(div)
>

XML 기술 사양의 네임스페이스는 정말 잘못된 디자인이라고 말씀드리고 싶습니다. 그것은 가져오는 것보다 더 많은 문제를 추가합니다.
이 글에 나오는 예제의 전체 코드는 다음과 같습니다
코드 복사 코드는 다음과 같습니다.

<% @ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>





저자별 최신 기사
최신 이슈
VueJS 스케줄링 기능의 실행 순서로 인해 문제가 발생함 공지 사항 목록(API에서 검색)을 페이지에 표시하려고 합니다. 저는 Vuex 스토어를 사용하고 있으며 Announcements라는 상태가 있습니다. 또한 사용자...
에서 2024-04-06 10:37:58
0
1
385
CSS를 사용하여 Next.js의 Tic-Tac-Toe 보드에서 각 줄 아래의 공간을 제거하는 방법은 무엇입니까? 각 줄 아래에 공백이 있는 이유는 무엇입니까? (CSS) 저는 제 실력을 테스트하기 위해 Next.js tic-tac-toe 앱을 만들려고 합니다. 그러나 CSS...
에서 2024-04-05 11:39:02
0
1
1431
Boostrap 4에 반응하도록 이 카드를 어떻게 조정합니까? 각 행에 카드 4장을 표시하고 화면 크기가 변경되면 스택으로 표시하려면 어떻게 해야 합니까? 이상적으로는 둘 사이에 약간의 공간이 있어야 합니다. 나는 연구할 수...
에서 2024-04-05 10:48:45
0
1
4072
DIV를 양쪽 콘텐츠에 맞춰 중앙 정렬 따라서 포함된 DIV 내에 5개의 항목이 있습니다. 항목의 라인업은 다음과 같습니다. 텍스트 이미지 DIV 이미지 텍스트 중앙에 DIV, DIV를 "껴안...
에서 2024-04-04 23:19:14
0
1
3438
CommandText 속성 초기화 문제 C# 콘솔 응용 프로그램을 사용하여 데이터를 2개(나중에 3개) 테이블로 동시에 구체화하려고 합니다. "Users" 테이블에 이름, 성, 사용자...
에서 2024-04-04 22:43:24
0
1
385
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿