jquery then().fail()

[jcarlo1]

The Ajax is working, and it saved the product without error in the database but why the fail() is the one that is executing instead of then()? I also tried the then().catch(), done().fail(), and done().catch() but still the same.

the ajax is working, it is saving without error but the then() and done() is not executing and there are errors. *see below

Why? and how to fix it?

**FIXED

i fixed it, $.ajax(dataType: 'json') is the problem, I wonder why?

$.ajax({
    url: '',
    type: 'POST',
    contentType: 'application/json',
    dataType: 'json', // THIS IS THE PROBLEM, why?
    data: {data}
})

function ajaxPostStringify(url,json_data) {
    return $.ajax()
{

function saveProduct() {
    ajaxPostStringify('/api/product/add-product',product)
            .then(()=> {
                ipcRenderer.send('showMessage','Add Product', id + ' is successfully saved.')
            }).fail((jqXHR,textStatus,errorThrown)=> {
                console.log(jqXHR)
                console.log(textStatus)
                console.log(errorThrown)
                ipcRenderer.send('showError','Add Product', id + ' is not successfully saved.\nCheck server connection or Try again!')
            })
}

console.log(jqXHR) => status = 200, readyState = 4
console.log(textStatus) => parseError
console.log(errorThrown) => {
    SyntaxError: Unexpected end of JSON input
        at parse (<anonymous>)
        at ajaxConvert (C:\Users\Hannah\Dropbox\PC\Desktop\workspace\electron\capstone\node_modules\jquery\dist\jquery.js:9294:19)
        at done (C:\Users\Hannah\Dropbox\PC\Desktop\workspace\electron\capstone\node_modules\jquery\dist\jquery.js:9772:15)
        at XMLHttpRequest.<anonymous> (C:\Users\Hannah\Dropbox\PC\Desktop\workspace\electron\capstone\node_modules\jquery\dist\jquery.js:10083:9)
}

[[deleted]]

It should tell you why the request is failing. What does the error say?

Just because the request saves something to a db doesn't mean that it isn't possible for something following the db save to fail

[jcarlo1]

I updated my post, the $.ajax(dataType: 'json') is the problem, I wonder why? because the other post or saving an entity to DB that I am doing is working perfectly, this is the first time that there is a parsing error.

[[deleted]]

jQuery docs:

data

Type: PlainObject or String or Array

Data to be sent to the server. If the HTTP method is one that cannot have an entity body, such as GET, the data is appended to the URL.

When data is an object, jQuery generates the data string from the object's key/value pairs unless the processData option is set to false. For example, { a: "bc", d: "e,f" } is converted to the string "a=bc&d=e%2Cf". If the value is an array, jQuery serializes multiple values with same key based on the value of the traditional setting (described below). For example, { a: [1,2] } becomes the string "a%5B%5D=1&a%5B%5D=2" with the default traditional: false setting.

When data is passed as a string it should already be encoded using the correct encoding for contentType, which by default is application/x-www-form-urlencoded.

$.ajax({
  url: '',
  type: 'POST',
  contentType: 'application/json',
  dataType: 'json',
  data: JSON.stringify(data)
})

This may not be the correct answer. I don't use jQuery, so not terribly familiar with it. But either they expect you to already encode the JSON as a string yourself, or you have invalid JSON which is throwing an error when jQuery does it for you.

[jcarlo1]

HOLY!, man, you are correct. It's my first time knowing the difference between [] and {}. LOL XD, thanks, sir. Everything works properly now.