blocks|key|115753|text|jquery中的ie中的表单序列化似乎存在一些问题。我通常使用这个插件：http://jquery.malsup.com/form/#api|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|115754|这似乎是解决问题的最简单的方法。但这还远不是最干净的方式。您可以尝试的另一件事是:让服务器侦听json+requestdata。并将其序列化为json字符串。或者自己创建一个序列化函数。这就像是3行代码。|115755|entityMap|0|LINK|mutability|MUTABLE|url|http://jquery.malsup.com/form/#api^0|10|Y|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

<p>There eem to be some problems around with form serialization in ie in jquery. I usually use this plugin : <a href="http://jquery.malsup.com/form/#api" rel="nofollow">http://jquery.malsup.com/form/#api</a> </p>

<p>This seems to be the easiest way to solve the problem. But its far from the cleanest way.  Another thing you could try is : make the server listen to json requestdata . and serialize it to a json string. Or make a serialize function yourself. which would be just like 3 lines of code.</p>


blocks|key|4621527|text|别担心，你试着用serialization()方法发送数据，我希望你的问题可以解决，试试这个。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4621528|<!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>|code-block|syntax|javascript|4621529|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>don't worry you try to send data with serialization() method i hope you problem may be solved
try this.</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /&gt;
        &lt;script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;form action="/Mandate/Edit" id="mandateForm" method="post"&gt;            
            &lt;input id="ExternalId" name="ExternalId" type="hidden" value="" /&gt;
            &lt;input id="mandateName" name="mandateName" /&gt;
            &lt;a href="#" id="md-submit"&gt;Create&lt;/a&gt;
        &lt;/form&gt;
        &lt;script type="text/javascript"&gt;
            $(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
                    });
                });
            });
        &lt;/script&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>


blocks|key|115802|text|serialize()方法不会将表单数据转换为Json...|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|115803|这应该是可行的--+IE11中的输出将是{"ExternalId":"","mandateName":"4343"}|115804|<!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%2B%2B)+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>|code-block|syntax|javascript|115805|entityMap^0|0|B|0|K|12|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

<p>The <code>serialize()</code> method does not convert form data to Json...</p>

<p>This should work--the ouput in IE11 will be <code>{"ExternalId":"","mandateName":"4343"}</code>:</p>

<pre><code>&lt;!DOCTYPE html&gt;
    &lt;html&gt;
        &lt;head&gt;
            &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /&gt;
            &lt;script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"&gt;&lt;/script&gt;
        &lt;/head&gt;
        &lt;body&gt;
            &lt;form action="/Mandate/Edit" id="mandateForm" method="post"&gt;            
                &lt;input id="ExternalId" name="ExternalId" type="hidden" value="" /&gt;
                &lt;input id="mandateName" name="mandateName" type="text" /&gt;
                &lt;a href="#" id="md-submit"&gt;Create&lt;/a&gt;
            &lt;/form&gt;
            &lt;script type="text/javascript"&gt;
                function form_to_json (selector) {
                  var ary = selector.serializeArray();
                  var obj = {};
                  for (var a = 0; a &lt; 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
                        });
                    });
                });
            &lt;/script&gt;
        &lt;/body&gt;
    &lt;/html&gt;
</code></pre>


blocks|key|115842|text|我发现在IE11上激活“增强保护模式”可以解决这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|115843|Internet+Options+-->+Advanced+Options+-->+Enable+Enhanced+Protected+Mode|offset|length|style|CODE|115844|之后，重新启动浏览器，然后发送POST数据。|115845|entityMap^0|0|0|20|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

<p>I've found that activating "Enhanced Protected Mode" on IE11 solves this problem. </p>

<p><code>Internet Options --&gt; Advanced Options --&gt; Enable Enhanced Protected Mode</code></p>

<p>After that, restar the browser and the POST data is sent.</p>


blocks|key|4621590|text|我得到了同样的问题，但是我通过将这个添加到head标签中解决了这个问题|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4621591|<meta+charset="utf-8">|code-block|syntax|javascript|4621592|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>i fetch the same problem but I solved this by adding this into head tag</p>

<pre><code>&lt;meta charset="utf-8"&gt;
</code></pre>


blocks|key|4621611|text|今天，我们在IE11中遇到了同样的问题。我发现这对我很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4621612|​|4621613|$.ajax({
++type:+"POST",
++url:+"./index.php",
++data:+{+name:+"John",+time:+"2pm"+},					
++cache:+false,
++success:+function(data){
++++$.ajax({
++++++type:+"POST",
++++++url:+"./index.php",
++++++data:+{+name:+"John",+time:+"2pm"+},							
++++++cache:+false
++++});
}});|code-block|syntax|javascript|4621614|4621615|但这不是：|4621616|4621617|$.ajax({
++type:+"POST",
++url:+"./index.php",
++data:+{+name:+"John",+time:+"2pm"+},					
++cache:+false,
++success:+function(data){
}});

$.ajax({
++type:+"POST",
++url:+"./index.php",
++data:+{+name:+"John",+time:+"2pm"+},							
++cache:+false
});	|4621618|4621619|此时，如果您同时执行多个AJAX调用，POST数据将为空，但第一个调用除外。当我一个接一个地执行它们时，它起作用了。|4621620|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|V|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|W|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|X|8|@]|9|@]|A|$]]|$1|L|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|Z|8|@]|9|@]|A|$G|H]]|$1|O|3|C|5|6|7|10|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|11|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|S|$]]

<p>Today we encountered the same problem in IE11. I found out that this is working for me:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>$.ajax({
  type: "POST",
  url: "./index.php",
  data: { name: "John", time: "2pm" },					
  cache: false,
  success: function(data){
    $.ajax({
      type: "POST",
      url: "./index.php",
      data: { name: "John", time: "2pm" },							
      cache: false
    });
}});</code></pre>
</div>
</div>
</p>

<p>But this is not:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>$.ajax({
  type: "POST",
  url: "./index.php",
  data: { name: "John", time: "2pm" },					
  cache: false,
  success: function(data){
}});

$.ajax({
  type: "POST",
  url: "./index.php",
  data: { name: "John", time: "2pm" },							
  cache: false
});	</code></pre>
</div>
</div>
</p>

<p>At this moment it looks like if you are executing multiple AJAX calls at the same time, the POST data will be empty, except the first call. When I am executing them after each other it works. </p>


<p>I have tried to find a solution for this problem for hours now, but the following code is simply not working for Internet Explorer 11. It does work for Chrome and Firefox. When using IE11 the post is submitted but the submitted form is empty.</p>

<pre><code>&lt;!DOCTYPE html&gt;
    &lt;html&gt;
        &lt;head&gt;
            &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /&gt;
            &lt;script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"&gt;&lt;/script&gt;
        &lt;/head&gt;
        &lt;body&gt;
            &lt;form action="/Mandate/Edit" id="mandateForm" method="post"&gt;            
                &lt;input id="ExternalId" name="ExternalId" type="hidden" value="" /&gt;
                &lt;input id="mandateName" name="mandateName" type="text" /&gt;
                &lt;a href="#" id="md-submit"&gt;Create&lt;/a&gt;
            &lt;/form&gt;
            &lt;script type="text/javascript"&gt;
                $(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
                        });
                    });
                });
            &lt;/script&gt;
        &lt;/body&gt;
    &lt;/html&gt;
</code></pre>

<p>Thank you very much for your help.</p>


jQuery POST does not submit form values using IE 11

数据转换

服务器

JSON

几个小时以来，我一直在努力寻找解决这个问题的方法，但以下代码在Internet Explorer11上根本不起作用，而在Chrome和Firefox上却起作用。使用IE11时，帖子已提交，但提交的表单为空。<!DOCTYPE html>    <html>        <head>            <meta ...

问jQuery POST不使用IE 11提交表单值
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery POST不使用IE 11提交表单值EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery POST不使用IE 11提交表单值
EN