2017-08-01 65 views
0

每次我跑我的AJAX的jQuery功能我得到一个错误400错误400 POST方法

这是我的代码,邮递员测试都是积极的,但是当web应用亚军,这是行不通的,我不知道如果它取决于代码或html5 有人可以帮助我吗?

的JavaScript

function add() { 

var url= "http://localhost:8080/bip/workAdd"; 

var work = { 
    codiceCommessa: document.getElementById("codiceCommessa").value, 
    commessaMainSub: document.getElementById("commessaMainSub").value, 
    settoreCliente: document.getElementById("settoreCliente").value, 
    nomeCliente: document.getElementById("nomeCliente").value, 
    clienteFinale: document.getElementById("clienteFinale").value, 
    titoloQuals: document.getElementById("titoloQuals").value, 
    keyWorrdsTopic: document.getElementById("keyWordsTopic").value, 
    keyWordsActivities: document.getElementById("keyWordsActivities").value, 
    anno: parseInt(document.getElementById("anno").value), 
    dataInizio: document.getElementById("dataIniziale").value, 
    dataFine: document.getElementById("dataFinale").value, 
    referente: document.getElementById("referente").value, 
    referenteDocumentazione: document.getElementById("referenteDocumentazione").value, 
    sviluppatore: document.getElementById("sviluppatore").value, 
    path: document.getElementById("path").value 


}; 



$.ajax({ 

    contentType: "application/json; charset=utf-8", 
    'Access-Control-Allow-Headers': '*', 
    'Access-Control-Allow-Origin': '*', 
    'Access-Control-Allow-Methods': 'POST', 

    type: "POST", 
    url: url, 
    data: work, 

    dataType: "html or json", 
    success: function (data, status, jqXHR) { 
     console.log("saved"), 

    }, 

    error: function (jqXHR, status) { 

        console.log("error") 


    } 

}); 
+2

contentType:没有结束正常我认为。 –

回答

0
function add() { 

var url= "http://localhost:8080/bip/workAdd"; 

var work = { 
    codiceCommessa: document.getElementById("codiceCommessa").value, 
    commessaMainSub: document.getElementById("commessaMainSub").value, 
    settoreCliente: document.getElementById("settoreCliente").value, 
    nomeCliente: document.getElementById("nomeCliente").value, 
    clienteFinale: document.getElementById("clienteFinale").value, 
    titoloQuals: document.getElementById("titoloQuals").value, 
    keyWorrdsTopic: document.getElementById("keyWordsTopic").value, 
    keyWordsActivities: document.getElementById("keyWordsActivities").value, 
    anno: parseInt(document.getElementById("anno").value), 
    dataInizio: document.getElementById("dataIniziale").value, 
    dataFine: document.getElementById("dataFinale").value, 
    referente: document.getElementById("referente").value, 
    referenteDocumentazione: document.getElementById("referenteDocumentazione").value, 
    sviluppatore: document.getElementById("sviluppatore").value, 
    path: document.getElementById("path").value 


}; 



$.ajax({ 

    contentType: "application/json; charset=utf-8", 
    'Access-Control-Allow-Headers': '*', 
    'Access-Control-Allow-Origin': '*', 
    'Access-Control-Allow-Methods': 'POST', 

    type: "POST", 
    url: url, 
    data: JSON.stringify(work), 

    dataType: "html or json", 
    success: function (data, status, jqXHR) { 
     console.log("saved"), 

    }, 

    error: function (jqXHR, status) { 

        console.log("error") 


    } 

}); 

您需要使用JSON.stringify(work)

+0

很好,现在它的工作,它增加了元素,但它打印“错误” –

0

这部分是全乱了:

contentType: "application/json; charset=utf-8", 
'Access-Control-Allow-Headers': '*', 
'Access-Control-Allow-Origin': '*', 
'Access-Control-Allow-Methods': 'POST', 

contentType行是正确的,但你需要用这些其他选项headers: { ..... },

+1

不,这些别人应该简单地_removed_ ...他们是_response_头,发送他们与_request_是完全废话开始。 – CBroe

0

服务器可能不识别数据。您可能需要将您的JSON串联起来。

+0

现在它工作,它添加元素,但它打印“错误” –

0

你想传递到Ajax的功能应该像 工作作业辞典= {“一”:“B”,“C”:“d”} 但是,正如你的情况是这样的: work = {a:'b',c:'d'} 因此,在将它传递给ajax之前,请使用JSON.stringify方法更改上述数据的格式。