Javascript AJAX请求在使用php AJAX发送数据的表单中失败

我需要使用

ajax

发送表单数据

HTML:

而不是工作形式。如何修复此错误

就像“Norlihazmey Ghazali”说的那样

更改：

致：

---

您应该指定响应将发送的数据类型，并尝试对formData进行备份。@Pekka:dataType是可选的。在哪里可以看到错误？您正在使用submit type for button，并且从不返回false将导致正常行为submit。是我错了，还是您提交的表单中只有一个隐藏字段“crsf_token”（最初来自服务器），只是为了通过Ajax将其再次发布到服务器？或者他可以轻松地使用regular而不是submit。

<div class="" id="ajax-msg1"></div>
<form id="ajaxform" action="load.php">
   <input type="hidden" name="csrf_token" id="my_token" value="<?php echo $token; ?>" />
   <button type="submit" name="submit" id="ajax-1">Send</button>
</form>

$(document).ready(function() {
    $("#ajax-1").click(function() {
        $("#ajax-msg1").html("<img src='loading.gif'/>");
        var formData = $("#ajaxform").serializeArray();
        var URL = $("#ajaxform").attr("action");
        $.ajax({
            url: URL,
            type: "POST",
            data: formData,
            success: function(data, textStatus, jqXHR) {
                $("#ajax-msg1").html('<pre><code class="prettyprint">' + data + '</code></pre>');
            },
            error: function(jqXHR, textStatus, errorThrown) {
                $("#ajax-msg1").html('<pre><code class="prettyprint">AJAX Request Failed<br/> textStatus=' + textStatus + ', errorThrown=' + errorThrown + '</code></pre>');
            }
        });
    });
});

AJAX Request Failed

$(document).ready(function() {
    $("#ajax-1").click(function() {

$(document).ready(function() {
    $("#ajax-1").click(function( e ) {
        e.preventDefault();// avoid submitting the form here