AJAX不会被调用

Question

我在与AJAX一个问题，因为某些原因，要么没有被调用或不工作

$(document).ready(function() { 
    $("#my_form").submit(function(event) { 
    alert("submited"); 

    event.preventDefault("#my_form"); 

    var post_url = $(this).attr("action"); //get form action url 
    var request_method = $(this).attr("method"); //get form GET/POST method 
    var form_data = $(this).serialize(); //Encode form elements for submission 

    alert(post_url + "" + request_method + " " + form_data); 

    $.ajax({ 
     type: post_url, 
     url: request_method, 
     data: form_data, 
     success: function(data) { 
     alert(data); 
     $("server-results").html(data); 
     } 
    }); 

    $('#loadingDiv').hide().ajaxStart(function() { 
     $(this).show(); 
    }); 
    //.ajaxStop(function() { 
    // $(this).hide(); 
    //}); 
    }); 
}); 

我已经调试，就像我能有在JavaScript中激活表单函数或将3个变量传输到JS代码块中并不成问题。然而，ajaxStart没有激活，这让我相信问题只存在于ajax中。

我也检查了链接到ajax，它似乎正在工作，但我不知道如果它的正确的链接，或者如果它无论出于任何原因无效。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

仅供参考ajax链接位于HTML和JS之上的页面顶部。

Answer 1

您已经通过错误的参数：

type: post_url, 
url: request_method, 

你需要传递POST_URL在URL和REQUEST_METHOD型。只需将其更改为：

type: request_method, 
url: post_url, 

Answer 2

$（ “服务器结果”）HTML（数据）;这里如果服务器结果是一类或ID，因此服务器的输出绝不页面

jQuery .ajaxStart()

在jQuery的官方文档中的报道，ajaxStart事件上进行打印尚未指定不能由#loadingDiv元素激活，但您必须使用该文档。

$(document).ajaxStart(function() { 
    $(".log").text("Triggered ajaxStart handler."); 
}); 

总结代码应该是这样的。

$(document).ready(function() { 
    $("#my_form").submit(function(event) { 
    alert("submited"); 

    event.preventDefault("#my_form"); 

    var post_url = $(this).attr("action"); //get form action url 
    var request_method = $(this).attr("method"); //get form GET/POST method 
    var form_data = $(this).serialize(); //Encode form elements for submission 

    alert(post_url + "" + request_method + " " + form_data); 

    $.ajax({ 
     type: post_url, 
     url: request_method, 
     data: form_data, 
     success: function(data) { 
     alert(data); 
     $(".server-results").html(data); 
     } 
    }); 

    $(document).ajaxStart(function() { 
     $('#loadingDiv').show(); 
    }); 
    .ajaxStop(function() { 
     $('#loadingDiv').hide(); 
    }); 
    }); 
});