Hướng dẫn javascript parse xml - javascript phân tích cú pháp xml

Tạo tài liệu XML

Sử dụng một trong các phương pháp sau đây để tạo tài liệu XML (là một thể hiện của Document.

Chuỗi phân tích cú pháp vào cây Dom

Ví dụ này chuyển đổi một đoạn XML trong chuỗi thành một cây dom bằng cách sử dụng DOMParser:

const xmlStr = 'hey!';
const parser = new DOMParser();
const doc = parser.parseFromString(xmlStr, "application/xml");
// print the name of the root element or error message
const errorNode = doc.querySelector("parsererror");
if (errorNode) {
  console.log("error while parsing");
} else {
  console.log(doc.documentElement.nodeName);
}

Phân tích các tài nguyên có thể giải quyết URL vào cây Dom

Sử dụng XMLHTTPREQUEST

Dưới đây là mã mẫu đọc và phân tích tệp XML có thể giải quyết URL vào cây dom:

const xhr = new XMLHttpRequest();

xhr.onload = () => {
  dump(xhr.responseXML.documentElement.nodeName);
}

xhr.onerror = () => {
  dump("Error while getting XML.");
}

xhr.open("GET", "example.xml");
xhr.responseType = "document";
xhr.send();

Giá trị được trả về trong trường

const xhr = new XMLHttpRequest();

xhr.onload = () => {
  dump(xhr.responseXML.documentElement.nodeName);
}

xhr.onerror = () => {
  dump("Error while getting XML.");
}

xhr.open("GET", "example.xml");
xhr.responseType = "document";
xhr.send();

const xhr = new XMLHttpRequest();

xhr.onload = () => {
  dump(xhr.responseXML.documentElement.nodeName);
}

xhr.onerror = () => {
  dump("Error while getting XML.");
}

xhr.open("GET", "example.xml");
xhr.responseType = "document";
xhr.send();

Nếu tài liệu là HTML, mã được hiển thị ở trên sẽ trả về Document. Nếu tài liệu là XML, đối tượng kết quả thực sự là XMLDocument. Hai loại về cơ bản là giống nhau; Sự khác biệt phần lớn là lịch sử, mặc dù sự khác biệt cũng có một số lợi ích thực tế.

Lưu ý: Trên thực tế cũng có một giao diện

const xhr = new XMLHttpRequest();

xhr.onload = () => {
  dump(xhr.responseXML.documentElement.nodeName);
}

xhr.onerror = () => {
  dump("Error while getting XML.");
}

xhr.open("GET", "example.xml");
xhr.responseType = "document";
xhr.send();

const xhr = new XMLHttpRequest();

xhr.onload = () => {
  dump(xhr.responseXML.documentElement.nodeName);
}

xhr.onerror = () => {
  dump("Error while getting XML.");
}

xhr.open("GET", "example.xml");
xhr.responseType = "document";
xhr.send();

Tuần tự hóa một tài liệu XML

Đưa ra một Document, bạn có thể tuần tự hóa cây dom của tài liệu trở lại XML bằng phương pháp

const serializer = new XMLSerializer();
const xmlStr = serializer.serializeToString(doc);

Sử dụng các phương pháp sau để tuần tự hóa nội dung của tài liệu XML bạn đã tạo trong phần trước.

Tuần tự hóa cây Dom thành chuỗi

Đầu tiên, tạo một cây Dom như được mô tả trong cách tạo một cây Dom. Ngoài ra, sử dụng một cây dom thu được từ XMLHttpRequest.

Để tuần tự hóa cây dom

const serializer = new XMLSerializer();
const xmlStr = serializer.serializeToString(doc);

const serializer = new XMLSerializer();
const xmlStr = serializer.serializeToString(doc);

const serializer = new XMLSerializer();
const xmlStr = serializer.serializeToString(doc);

Các tài liệu HTML tuần tự

Nếu DOM bạn có là một tài liệu HTML, bạn có thể tuần tự hóa bằng cách sử dụng

const serializer = new XMLSerializer();
const xmlStr = serializer.serializeToString(doc);

const serializer = new XMLSerializer();
const xmlStr = serializer.serializeToString(doc);

const docInnerHtml = document.documentElement.innerHTML;

Do đó,

const serializer = new XMLSerializer();
const xmlStr = serializer.serializeToString(doc);

Bạn có thể nhận HTML tương ứng với

const serializer = new XMLSerializer();
const xmlStr = serializer.serializeToString(doc);

const docOuterHtml = document.documentElement.outerHTML;

Xem thêm