为什么jquery ajax表单在Firefox中不起作用

Question

我使用过jquery ajax表单帖子，它在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>

我做了几件事：

1. 从Google Hosted Libraries
添加了最新的jQuery
2. 将JS包含在document.ready标准中的代码
3. .serialize()方法仅在您使用name时有效 表单元素的属性。我将它添加到textarea并将表单数据传递给ajax文件。