为什么 jquery ajax 表单帖子在 Firefox 中不起作用 [关闭]

Question

关闭。 这个问题需要调试细节。 它目前不接受答案。

---

想改善这个问题吗？ 更新问题，使其成为 Stack Overflow的主题。

6年前关闭。

改进这个问题

我使用了 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 托管库的最新 jQuery
2. 将 JS 代码包裹在 document.ready 标准中
3. .serialize()方法仅在您在表单元素上使用name属性时有效。 我将此添加到 textarea 并将表单数据传递给 ajax 文件。