jQuery POST不使用IE 11提交表单值
jQuery POST不使用IE 11提交表单值
提问于 2014-05-26 16:44:45
几个小时以来，我一直在努力寻找解决这个问题的方法，但以下代码在Internet Explorer11上根本不起作用，而在Chrome和Firefox上却起作用。使用IE11时，帖子已提交，但提交的表单为空。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
</head>
<body>
<form action="/Mandate/Edit" id="mandateForm" method="post">
<input id="ExternalId" name="ExternalId" type="hidden" value="" />
<input id="mandateName" name="mandateName" type="text" />
<a href="#" id="md-submit">Create</a>
</form>
<script type="text/javascript">
$(function () {
$("#md-submit").on("click", function (e) {
e.preventDefault();
var form = $("#mandateForm");
var request = $.ajax({
type: "POST",
url: form.attr("action"),
data: {
mandateName: "test4711"
},
dataType: 'json',
cache: false
});
});
});
</script>
</body>
</html>非常感谢你的帮助。
回答 6
Stack Overflow用户
发布于 2014-05-26 17:34:22
serialize()方法不会将表单数据转换为Json...
这应该是可行的-- IE11中的输出将是{"ExternalId":"","mandateName":"4343"}
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
</head>
<body>
<form action="/Mandate/Edit" id="mandateForm" method="post">
<input id="ExternalId" name="ExternalId" type="hidden" value="" />
<input id="mandateName" name="mandateName" type="text" />
<a href="#" id="md-submit">Create</a>
</form>
<script type="text/javascript">
function form_to_json (selector) {
var ary = selector.serializeArray();
var obj = {};
for (var a = 0; a < ary.length; a++) obj[ary[a].name] = ary[a].value;
return JSON.stringify(obj);
}
$(function () {
$("#md-submit").on("click", function (e) {
e.preventDefault();
var form = $("#mandateForm");
var request = $.ajax({
type: "POST",
url: form.attr("action"),
data: form_to_json(form),
dataType: 'json',
cache: false
});
});
});
</script>
</body>
</html>Stack Overflow用户
发布于 2014-05-26 16:51:26
jquery中的ie中的表单序列化似乎存在一些问题。我通常使用这个插件：http://jquery.malsup.com/form/#api
这似乎是解决问题的最简单的方法。但这还远不是最干净的方式。您可以尝试的另一件事是:让服务器侦听json requestdata。并将其序列化为json字符串。或者自己创建一个序列化函数。这就像是3行代码。
Stack Overflow用户
发布于 2014-05-26 17:10:09
别担心，你试着用serialization()方法发送数据，我希望你的问题可以解决，试试这个。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
</head>
<body>
<form action="/Mandate/Edit" id="mandateForm" method="post">
<input id="ExternalId" name="ExternalId" type="hidden" value="" />
<input id="mandateName" name="mandateName" />
<a href="#" id="md-submit">Create</a>
</form>
<script type="text/javascript">
$(function () {
$("#md-submit").on("click", function (e) {
e.preventDefault();
var form = $("#mandateForm");
var request = $.ajax({
type: "POST",
url: form.attr("action"),
data: $('form#myForm').serialize(),
dataType: 'json',
cache: false
});
});
});
</script>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23866149
复制相关文章
相似问题