为什么 jquery ajax 表单 post 在 Firefox 中不工作

Question

我使用了 jaquery ajax 形式 post，它在 chrome 中工作正常，但在 Firefox 中不行。任何机构请帮助。

    <form id='sig_up' name='sig_up' style='min-width:170px'>
    <textarea id='sig' class='custom-scroll' style='max-height:180px;'></textarea>
    <br>
    <input class='btn' type='submit' /> 
</form>
<script type="text/javascript">
     $('#sig_up').submit(function(e) {
            e.preventDefault();
            $.ajax({
                url:  'update_sig.php',
                data: $('#sig_up').serialize(),
                type: 'POST',
                success:function(data){
                    console.log('ok');
                },
                error:function(data){
                    console.log(data);
                }
            });
    });
</script>

Answer 1

以下对我有用：

<form id='sig_up' name='sig_up' style='min-width:170px'>
    <textarea id='sig' class='custom-scroll' name="sig" style='max-height:180px;'></textarea>
    <br>
    <input class='btn' type='submit' /> 
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $('#sig_up').submit(function(e) {
        e.preventDefault();
        $.ajax({
            url:  'update_sig.php',
            data: $('#sig_up').serialize(),
            type: 'POST',
                success:function(data){
                console.log('ok');
            },
            error:function(data){
                console.log(data);
            }
        });
    }); 
});
</script>

我做了几件事：

添加了 jQuery 最近来自 Google Hosted Libraries
封装了document.ready标准中的JS代码
.serialize() 方法仅在您使用 name 时有效表单元素的属性。我将其添加到文本区域并将表单数据传递到 ajax 文件。

为什么 jquery ajax 表单 post 在 Firefox 中不工作

Why jquery ajax form post not working in Firefox

javascript

php

ajax

firefox

jquery