这是示例代码 ( 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/
总的来说,我对ruby还比较陌生,我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础,我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用
类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc
给定这段代码defcreate@upgrades=User.update_all(["role=?","upgraded"],:id=>params[:upgrade])redirect_toadmin_upgrades_path,:notice=>"Successfullyupgradeduser."end我如何在该操作中实际验证它们是否已保存或未重定向到适当的页面和消息? 最佳答案 在Rails3中,update_all不返回任何有意义的信息,除了已更新的记录数(这可能取决于您的DBMS是否返回该信息)。http://ar.ru
在控制台中反复尝试之后,我想到了这种方法,可以按发生日期对类似activerecord的(Mongoid)对象进行分组。我不确定这是完成此任务的最佳方法,但它确实有效。有没有人有更好的建议,或者这是一个很好的方法?#eventsisanarrayofactiverecord-likeobjectsthatincludeatimeattributeevents.map{|event|#converteventsarrayintoanarrayofhasheswiththedayofthemonthandtheevent{:number=>event.time.day,:event=>ev
使用带有Rails插件的vim,您可以创建一个迁移文件,然后一次性打开该文件吗?textmate也可以这样吗? 最佳答案 你可以使用rails.vim然后做类似的事情::Rgeneratemigratonadd_foo_to_bar插件将打开迁移生成的文件,这正是您想要的。我不能代表textmate。 关于ruby-使用VimRails,您可以创建一个新的迁移文件并一次性打开它吗?,我们在StackOverflow上找到一个类似的问题: https://sta
查看Ruby的CSV库的文档,我非常确定这是可能且简单的。我只需要使用Ruby删除CSV文件的前三列,但我没有成功运行它。 最佳答案 csv_table=CSV.read(file_path_in,:headers=>true)csv_table.delete("header_name")csv_table.to_csv#=>ThenewCSVinstringformat检查CSV::Table文档:http://ruby-doc.org/stdlib-1.9.2/libdoc/csv/rdoc/CSV/Table.html
我有一个表单,其中有很多字段取自数组(而不是模型或对象)。我如何验证这些字段的存在?solve_problem_pathdo|f|%>... 最佳答案 创建一个简单的类来包装请求参数并使用ActiveModel::Validations。#definedsomewhere,atthesimplest:require'ostruct'classSolvetrue#youcouldevencheckthesolutionwithavalidatorvalidatedoerrors.add(:base,"WRONG!!!")unlesss
好的,所以我的目标是轻松地将一些数据保存到磁盘以备后用。您如何简单地写入然后读取一个对象?所以如果我有一个简单的类classCattr_accessor:a,:bdefinitialize(a,b)@a,@b=a,bendend所以如果我从中非常快地制作一个objobj=C.new("foo","bar")#justgaveitsomerandomvalues然后我可以把它变成一个kindaidstring=obj.to_s#whichreturns""我终于可以将此字符串打印到文件或其他内容中。我的问题是,我该如何再次将这个id变回一个对象?我知道我可以自己挑选信息并制作一个接受该信
这个问题在这里已经有了答案:Checktoseeifanarrayisalreadysorted?(8个答案)关闭9年前。我只是想知道是否有办法检查数组是否在增加?这是我的解决方案,但我正在寻找更漂亮的方法:n=-1@arr.flatten.each{|e|returnfalseife
我发现ActiveRecord::Base.transaction在复杂方法中非常有效。我想知道是否可以在如下事务中从AWSS3上传/删除文件:S3Object.transactiondo#writeintofiles#raiseanexceptionend引发异常后,每个操作都应在S3上回滚。S3Object这可能吗?? 最佳答案 虽然S3API具有批量删除功能,但它不支持事务,因为每个删除操作都可以独立于其他操作成功/失败。该API不提供任何批量上传功能(通过PUT或POST),因此每个上传操作都是通过一个独立的API调用完成的