0

0

JavaScript怎么发送XML数据 Ajax提交XML格式请求方法

星降

星降

发布时间:2025-12-29 16:05:02

|

527人浏览过

|

来源于php中文网

原创

JavaScript发送XML数据需用XMLHttpRequest或fetch设置Content-Type为application/xml,并传入格式良好的XML字符串;推荐fetch,注意实体转义与服务端解析配置。

javascript怎么发送xml数据 ajax提交xml格式请求方法

JavaScript 发送 XML 数据,核心是使用 XMLHttpRequest(或 fetch)设置正确的请求头,并将 XML 字符串作为请求体发送。关键点在于:内容类型必须设为 application/xmltext/xml,且数据需是格式良好的 XML 字符串。

用 XMLHttpRequest 发送 XML

这是最传统、兼容性最好的方式,适合需要精细控制请求头和状态的场景:

  • 创建 XMLHttpRequest 实例
  • 调用 open() 指定请求方法(如 POST)、URL 和是否异步
  • setRequestHeader() 设置 Content-Type: application/xml
  • 调用 send(),传入已构造好的 XML 字符串(不是 DOM 对象,也不是 JSON)

示例:

Rationale
Rationale

Rationale 是一款可帮助企业主、经理和个人做出艰难的决定的AI工具

下载
const xmlStr = `

  张三
  28
`;

const xhr = new XMLHttpRequest();
xhr.open('POST', '/api/submit');
xhr.setRequestHeader('Content-Type', 'application/xml');
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log('响应:', xhr.responseText);
  }
};
xhr.send(xmlStr);

用 fetch 发送 XML(推荐现代项目)

fetch 更简洁,但要注意它不会自动处理 XML 响应;发送时仍需显式设置 Content-Type

立即学习Java免费学习笔记(深入)”;

  • 把 XML 字符串直接作为 body 传入
  • headers 中指定 'Content-Type': 'application/xml'
  • 响应若含 XML,可用 response.text() 获取字符串,或 response.xml(部分浏览器支持)解析为 Document

示例:

const xmlStr = 'Book';

fetch('/api/process', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/xml'
  },
  body: xmlStr
})
.then(res => res.text())
.then(xmlText => {
  console.log('服务器返回的 XML:', xmlText);
});

构造 XML 字符串的注意事项

手拼 XML 容易出错,尤其含特殊字符(如 &、中文)时:

  • 确保所有标签闭合,根元素唯一
  • 对用户输入的内容做 XML 实体转义(例如 &&),或使用 DOM API 构造后序列化(见下条)
  • 如需动态生成较复杂 XML,可用 DOMParser + XMLSerializer 组合(安全可靠)

简单构造示例(避免手动拼接):

const doc = document.implementation.createDocument('', '', null);
const root = doc.createElement('data');
const nameEl = doc.createElement('name');
nameEl.textContent = '李四&王五'; // 自动转义
root.appendChild(nameEl);
doc.appendChild(root);

const serializer = new XMLSerializer();
const xmlStr = serializer.serializeToString(doc); // 得到标准 XML 字符串

服务端接收与常见问题

后端需能解析 application/xml 类型的请求体(如 Node.jsexpress-xml-bodyparser,Java Spring 的 @RequestBody 配合 MappingJackson2XmlHttpMessageConverter):

  • 前端发的是纯文本 XML,不是 FormData 或 URL 编码
  • 检查浏览器开发者工具 Network 面板中请求的 Content-Type 和 Payload 是否正确
  • CORS 问题:若跨域,服务端需允许 application/xml 类型的 Content-Type(在 Access-Control-Allow-Headers 中声明)

基本上就这些。不复杂但容易忽略 Content-Type 和字符转义,按步骤来基本一次就能通。

相关专题

更多
java
java

Java是一个通用术语,用于表示Java软件及其组件,包括“Java运行时环境 (JRE)”、“Java虚拟机 (JVM)”以及“插件”。php中文网还为大家带了Java相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

799

2023.06.15

java正则表达式语法
java正则表达式语法

java正则表达式语法是一种模式匹配工具,它非常有用,可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题,供大家免费下载体验。

722

2023.07.05

java自学难吗
java自学难吗

Java自学并不难。Java语言相对于其他一些编程语言而言,有着较为简洁和易读的语法,本专题为大家提供java自学难吗相关的文章,大家可以免费体验。

727

2023.07.31

java配置jdk环境变量
java配置jdk环境变量

Java是一种广泛使用的高级编程语言,用于开发各种类型的应用程序。为了能够在计算机上正确运行和编译Java代码,需要正确配置Java Development Kit(JDK)环境变量。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

394

2023.08.01

java保留两位小数
java保留两位小数

Java是一种广泛应用于编程领域的高级编程语言。在Java中,保留两位小数是指在进行数值计算或输出时,限制小数部分只有两位有效数字,并将多余的位数进行四舍五入或截取。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

398

2023.08.02

java基本数据类型
java基本数据类型

java基本数据类型有:1、byte;2、short;3、int;4、long;5、float;6、double;7、char;8、boolean。本专题为大家提供java基本数据类型的相关的文章、下载、课程内容,供大家免费下载体验。

445

2023.08.02

java有什么用
java有什么用

java可以开发应用程序、移动应用、Web应用、企业级应用、嵌入式系统等方面。本专题为大家提供java有什么用的相关的文章、下载、课程内容,供大家免费下载体验。

428

2023.08.02

java在线网站
java在线网站

Java在线网站是指提供Java编程学习、实践和交流平台的网络服务。近年来,随着Java语言在软件开发领域的广泛应用,越来越多的人对Java编程感兴趣,并希望能够通过在线网站来学习和提高自己的Java编程技能。php中文网给大家带来了相关的视频、教程以及文章,欢迎大家前来学习阅读和下载。

16860

2023.08.03

桌面文件位置介绍
桌面文件位置介绍

本专题整合了桌面文件相关教程,阅读专题下面的文章了解更多内容。

0

2025.12.30

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 1.8万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号