AJAX未发送请求

Question

I have the following code:

$("form").submit(function()
{
    //Checking data here:
    $("input").each(function(i, obj)
    {
    });
    alert(JSON.stringify($(this).serializeArray()));
    var url='http://127.0.0.1:1337/receive';
    $.ajax({
        url: url,
        type: 'POST',
        contentType:'application/json',
        data: JSON.stringify($(this).serializeArray()),
        dataType:'json'
    });
});

And after I submit the form, I get a JavaScript alert with the json string, so that is made correct (on my server I only log it so it does not matter what it is in it). If I try to send a request to the same link from postman it works, it logs it.

I think I'm doing something wrong in the ajax call, but I am not able to figure out.

Answer 1

Try below piece of code. Add success and error handler for more details

  $("form").submit(function()
    {
        //Checking data here:
        $("input").each(function(i, obj)
        {
        });
        alert(JSON.stringify($(this).serializeArray()));
        var url='http://127.0.0.1:1337/receive';
        $.ajax({
            url: url,
            type: 'POST',
            contentType: 'application/json; charset=utf-8',
            data: JSON.stringify($(this).serializeArray()),
            dataType:'json',
            success : function(response) {
                 alert("success");
            },
            error: function (xhr, status, error) {
                     alert(error);
            }
        });
    });