javascript - 为什么 jquery ajax 表单发布在 Firefox 中不起作用

Question

我使用过 jaquery 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 时有效 表单元素上的属性。我将其添加到文本区域并将表单数据传递到 ajax 文件。