Запрос API работает через действие формы, но не через ajax

Question

Когда я делаю запрос APi через атрибут действия формы к APi, он работает нормально, однако, когда я делаю тот же запрос через ajax, я получаю ошибку блокирования чтения между источниками (Access-control-allow-origin) наthe brwoser:

Вот мой код в ajax:

function post_to_form(form, fields) {
    type: 'POST',
    url: api_url,
    data: formDataJSON,
    complete: function( response ) {
    if(response.status == 0 && response.statusText == "success"){
       window.location = "https://preview.mysite.com/thank-you/";
    }else{
       console.log(JSON.stringify(response));
    }
});

И вот как я отправляю эту форму:

$('form').on('submit', function (e) {

    e.stopPropagation();
    e.preventDefault();

    // if validation is ok, we can proceed with the form submition
    var $form = $(this);

    // Serializing data for Ajax request
    var fields = $(this).serializeArray();

    post_to_form($form,fields); 

}); 

================

Однако, если бы мне пришлось отправить форму через атрибут действия формы, как показано ниже, отправка работает без ошибок.В чем здесь проблема?

<form action="api_url" method="POST"