- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
这是示例代码 ( http://jsfiddle.net/epsSZ/1/ ):
HTML:
<form enctype="multipart/form-data" action="/echo/html" method="post" name="fileinfo" accept-charset="windows-1251">
<label>Label:</label>
<input type="text" name="label" size="12" maxlength="32" value="får løbende" /><br />
<input type="submit" value="Send standart">
</form>
<button onclick="sendForm()">Send ajax!</button>
JS:
window.sendForm = function() {
var oOutput = document.getElementById("output"),
oData = new FormData(document.forms.namedItem("fileinfo"));
var oReq = new XMLHttpRequest();
oReq.open("POST", "/echo/html", true);
oReq.send(oData);
}
当我通过标准表单提交这种旧方式时,请求有效负载如下所示:
------WebKitFormBoundary2890GbzEKCmB08rz
Content-Disposition: form-data; name="label"
får løbende
但是当我以这种 AJAX 方式提交时,它看起来有点不同:
------WebKitFormBoundaryPO2mPRFKj3zsKVM5
Content-Disposition: form-data; name="label"
får løbende
如您所见,在前一种情况下,有一些字符被字符实体替换,但是在使用 FormData
的情况下,有纯字符串,这当然很好,因为它是 utf-8,但是有没有可能让它表现得像标准表单提交?
最佳答案
您问题的答案是否。你不能改变它。根据XMLHttpRequest2 TR , FormData
构造的数据被显式编码为UTF-8
。没有提及允许更改它。
对于多部分请求,通常的 mimeType 或 Content-Type=charset 变得无效,因为出于完全相同的原因,它们的处理方式不同。
引用,
If data is a FormData Let the request entity body be the result of running the multipart/form-data encoding algorithm with data as form data set and with UTF-8 as the explicit character encoding.
Let mime type be the concatenation of "multipart/form-data;", a U+0020 SPACE character, "boundary=", and the multipart/form-data boundary string generated by the multipart/form-data encoding algorithm.
希望这对您有所帮助!
更新
如果你愿意放弃
new FormData(document.forms.namedItem("fileinfo"));
对于
new FormData().append("name", "value")
可能会有一个可行的解决方案。如果这就是您要找的东西,请告诉我。
另一个更新
跑来跑去。 Updated fiddle with all modes
这就是故事,
1 accept-charset="utf8"表单
=> 默认行为
内容不需要任何额外的转义/编码。因此请求触发时文本完好无损,如 får løbende
2 form with accept-charset="windows-1251"
=> 你的情况
内容需要额外的转义/编码,因为这里浏览器的默认字符集是utf8。所以内容被转义,然后被触发,即发送的内容是 får løbende
3 用表单元素构造的FormData
内容不需要任何额外的转义/编码,因为它默认为 utf8
。因此,请求以 får løbende
文本触发。
4 构造FormData,然后追加转义数据
内容仍然是 utf8 编码,但在附加到表单数据之前调用 escape(content)
没有坏处。这意味着请求以 f%E5r%20l%F8bende
文本触发。还是没有骰子吧?
我错了,不。近距离观察[阅读 => 盯着几分钟......]
får løbende
和
f%E5r%20l%F8bende
然后一切就绪 - %E5
(十六进制)= å
(十进制)。所以基本上 escape()
是 Javascript 的处理方式,基于 %
的编码,它对 HTML 不友好。
类似&#;
,我们知道是HTML的编码方式。所以我为 ajax 提供了另一种模式,[我猜这就是你要找的]
5 构造 FormData,然后附加 html 转义数据
内容还是utf8编码。使用来自 stackoverflow 的这段精彩代码,像 HTML 编码一样转义它并没有什么坏处。 .瞧,用文本 får løbende
希望这有助于清除它!
Windows-1251 全面支持更新
此 привет får løbende
输入在早期模式 5 中失败。更新 fiddle http://jsfiddle.net/epsSZ/6/ .
在这里使用解决方案的组合 https://stackoverflow.com/a/2711936/1304559和我的。所以问题是逃避一切。所以现在只转义 windows-1251 字符集中不存在的字符。
希望这对您有所帮助!
关于javascript - 是否可以为新的 FormData (XHR2) 对象或解决方法设置接受字符集,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22046930/
我有以下代码,使用ajax上传文件,因为我不想使用表单操作。但我无法这样做。代码是: Select xml file to upload: ajax代码是: $('#upload_xml').on
我有 3 个图像或多图像数组,其总大小约为。 29mb 或以上。我尝试使用 Ajax 和表单数据将其发布在服务器端。但是当我尝试在 MVC 中使用 FormData 发布大数据时它显示错误,有什么解决
我想了解浏览器如何解释表单数据。我知道一个 http 请求包含 [Method][Header][URL][Params][Body] 我不知道如何将表单数据放在那里?它是被解释为参数(查询字符串)还
我正在做一个项目,我需要在提交之前更改 FormData。我无法更改元素值,我必须更改进入 POST 的实际 FormData。 我尝试更改 form.onsubmit 以更新值(适用于某些字段,但其
我正在尝试使用 FormData html5 api 设置多文件上传。问题是我无法删除 FormData 键上的数组索引。例如: if(editor.frmData){ editor.
我试图在提交表单时获取表单数据键值对对象,使用 new FormData()构造函数。但它总是返回空数据。 我已经尝试过event.persist()避免 react 事件池,但没有任何效果 expo
在 jQuery 代码中, var formData = new FormData($('#content-submit')[0]); formData.append("Title",
我正在使用 fetch API 从浏览器发送发布请求。这是我的代码: const headers = new Headers(); headers.append("Content-Type", "ap
你好,我有他的上传文件表格 $("#form").on('submit',(function(e) { e .preventDefault(); $.ajax({
我需要根据用户输入(从 html 表单发送)创建一个 formData,因为我需要修改图像图片(压缩/调整大小/裁剪),然后将新的 FormData 提交到服务器: $(document).r
我似乎对 FormData 为空有疑问。我正在尝试在单个 POST 请求中上传文件和 JSON。我尝试了各种各样的方法,但似乎没有任何效果。我想知道我是否在这里弄乱了一些基本的东西,但我似乎找不到任何
我需要在 FormData 中添加图像数组,但只有第一个图像通过。 我知道问题出在 JS 代码中,因为当我将表单直接发送到 php 页面时,它工作正常。 JavaScript var url = $(
我正在以非正常方式获取文件及其值。表单中没有实际输入。因此,我尝试将文件附加到 formData 以进行 ajax 提交。 每当我尝试使用以下方法提交表单时,我的文件都不会上传。因此,我附加文件的方式
formData 的参数之一可以包含对象吗? 如果我执行以下操作,该对象将在服务器端转换为字符串。 formData.append('first_name', 'takuya'); formD
我想将带有附加数据的图像从 React.js 发送到 Django 后端。当我使用 FormData() 创建表单数据时,它无法发送数组(因为它将其转换为字符串)。这是我的代码: let formDa
关闭。这个问题是not reproducible or was caused by typos .它目前不接受答案。 此问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic
我有一个 Web 应用程序,它使用 FormData 对象通过 jQuery.ajax() 上传。到目前为止,一切都很好。数据作为 multipart/form-data 发送,服务器解析它,没有问题
这个问题已经有答案了: FormData.get function is undefined (2 个回答) 已关闭 7 年前。 我正在尝试进行简单的 ajax 文件上传,但收到“未捕获的类型错误:f
我正在使用 Angular 5,这是 Angular 的新手,但我已经研究过很多 JavaScript 框架。我陷入了一个问题,下面是我现在面临的描述问题。 我已经创建了表单,我想在提交时发送到服务器
我正在关注How-to-submit-additional-form-data并有一个正在提交附加表单数据的工作文件上传,即。附加文本区域输入字段 description[],具有分块和多文件支持,无
我是一名优秀的程序员,十分优秀!