API调用以客户端形式返回404错误

Question

我在客户端上有一个调用api的表单。如果我在这样的表单操作中将url放到api中，它可以工作：

                                                            

以上不是可行的解决方案，因为客户端是移动电话。但是，如果我把它放在ajax调用中，代码将返回404 - Bad request。我的ajax代码如下：

$('#registration-form').on('submit',function(event) {
    // get the form data
    // there are many ways to get this data using jQuery (you can use the class or id also)
    var formData = {
        'name'  : $('input[name=name]').val(),
        'email' : $('input[name=email]').val(),
        'password' : $('input[name=password]').val()
    };
    // process the form
    $.ajax({
        type : 'POST', // define the type of HTTP verb we want to use (POST for our form)
        url  : 'http://localhost:8080/thepostapi/v1/register', // the url where we want to POST
        data : JSON.stringify(formData), // our data object        
                    contentType: "application/json",
        dataType : 'json', // what type of data do we expect back from the server
                    success : function(response){ 
                        if(!response.error){ 
                            //Success
                            alert('data retrieved');
                        }else{ 
                            alert(response.message);
                        }
                    },
                    error :function (jqXhr, textStatus, errorThrown) {
                        alert("Error '" + jqXhr.status + "' (textStatus: '" + textStatus + "', errorThrown: '" + errorThrown + "')");

                    },
                    complete: function () {
                        $('#dvLoading').fadeOut(100);
                    }
    });
    event.preventDefault();
});

我在这里错过了什么吗？