使用AJAX提交表单时遇到问题

马丁先生

HTML:

<form id="message">
  <input id="message-text" name="message" type="text" value="" autofocus="autofocus" />
  <input type="submit" value="Send" />
</form>

JAVASCRIPT:

$(document).ready(function () {
    // submit new message
    var request;
    $("#message").submit(function(event) {
        // abort any pending request
        if (request) {
            request.abort();
        }

        var $form = $(this);
        var $inputs = $form.find("input, select, button, textarea");
        var postData = $form.serialize();
        // note: we disable elements AFTER the form data has been serialized
        $inputs.prop("disabled", true);
        request = $.ajax({
            url: "submit.php",
            type: "POST",
            data: postData
        })
        .done(function(response, textStatus, jqXHR) {
            console.log('Success: ' + textStatus, jqXHR);
        })
        .fail(function(jqHXR, textStatus, errorThrown) {
            console.error('Error: ' + textStatus, errorThrown);
        });
    });
});

我已经确认submit.php不使用AJAX提交时可以使用,所以我认为这不是问题。控制台日志只是说:Error: error在第66行:console.error('Error: ' + textStatus, errorThrown);这完全是非描述性的,也无济于事...当我按Enter键或单击Submit时,该页面也会刷新,这是不应该发生的。

有什么想法我做错了吗?

理想巴基佳
 $("#message").submit(function(event) {
event.preventDefault();

...

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

用户提交表单后获取ID时遇到问题

来自分类Dev

使用Visual Studio提交到git时遇到问题

来自分类Dev

使用Visual Studio提交到git时遇到问题

来自分类Dev

使用jQuery + PHP进行表单处理时遇到问题

来自分类Dev

使用Spring获取表单数据时遇到问题

来自分类Dev

使用jQuery + PHP进行表单处理时遇到问题

来自分类Dev

在模块中使用用户表单时遇到问题

来自分类Dev

我在使用laravel的AJAX发布时遇到问题

来自分类Dev

使用Python从AJAX获取数据时遇到问题

来自分类Dev

我在使用聚合物核芯ajax发送表单结果时遇到问题-无法执行?

来自分类Dev

在AJAX请求中传递表单数据时遇到问题

来自分类Dev

使用LIKE%...%时遇到问题

来自分类Dev

使用onLoad与.each()时遇到问题

来自分类Dev

使用AWS SWF时遇到问题

来自分类Dev

我在使用Geolocation时遇到问题

来自分类Dev

我在使用 OneDrive 时遇到问题

来自分类Dev

使用 AWK 命令时遇到问题

来自分类Dev

使用 Python super 时遇到问题

来自分类Dev

使用 SUMIF 时遇到问题

来自分类Dev

使用 tidyr gather() 时遇到问题

来自分类Dev

提交到 SQLite 数据库时遇到问题

来自分类Dev

我在使用jquery将数据从localStorage返回到表单进行更新时遇到问题吗?

来自分类Dev

使用按钮显示/隐藏表单时遇到问题(PHP / HTML / Javascript)

来自分类Dev

我在使用jquery将数据从localStorage返回到表单进行更新时遇到问题吗?

来自分类Dev

使用Xamarin表单实施QR代码生成器时遇到问题

来自分类Dev

jQuery序列化表单时遇到问题

来自分类Dev

从Angular Controller访问表单时遇到问题

来自分类Dev

使用Ajax提交表单数据时出现问题

来自分类Dev

处理ajax数组列表时遇到问题

Related 相关文章

热门标签

归档