錯誤415發佈JSON文件到雲端公共數據庫

我想發送一個簡單的json對象到雲端數據庫，但我不斷收到錯誤。我設置了雲數據庫的權限以允許讀取，寫入和複製。我已經嘗試重寫ajax文章，我添加了一個頭沒有解決錯誤，但我不斷收到錯誤，似乎無法找到原因。錯誤415發佈JSON文件到雲端公共數據庫

確切的錯誤是：

POST https://birdoftravel.cloudant.com/questions/_all_docs/ 415 (Unsupported Media Type) 
send @ jquery-1.12.4.min.js:4 
ajax @ jquery-1.12.4.min.js:4 
saveQuestionToDB @ saveQuestion.js:54 
(anonymous) @ saveQuestion.js:77 
dispatch @ jquery-1.12.4.min.js:3 
r.handle @ jquery-1.12.4.min.js:3

function QuestionObject(q, o, a){ 
 
    this.question = q; 
 
    this.options = o; 
 
    this.answer = a; 
 
    
 
} 
 

 

 
function createQuestion(){ 
 
    
 
    var q = $('#question').val(); 
 
    console.log("question: "+q); 
 
    var o = $('#options').val().split(','); 
 
    
 
    var a = $('#answer').val(); 
 
    
 
    var question = new QuestionObject(q,o,a); 
 
    
 
    var jsonQ = JSON.stringify(question); 
 
    
 
    console.log("json string"+jsonQ); 
 
    
 
    $('#question').val(""); 
 
    $('#options').val(""); 
 
    $('#answer').val(""); 
 
    
 
    return jsonQ; 
 
    
 
} 
 

 
function saveQuestionToDB(){ 
 
    var urlDB = 'https://birdoftravel.cloudant.com/questions/_all_docs/'; 
 
    var data = createQuestion(); 
 
    console.log("data :"+data); 
 
    
 
    /* $.ajax({ 
 
     
 
     url: urlDB, 
 
     type: "POST", 
 
     dataType: "application/json", 
 
     data: data, 
 
     success: function(){ 
 
      alert('The question was posted!'); 
 
     }, 
 
     
 
     error: function(err){ 
 
      console.log("error: "+err+" question not posted: "+data); 
 
     } 
 
     
 
    });*/ 
 
    
 
    $.ajax({ 
 
    
 
     type: "POST", 
 
    
 
     url: urlDB, 
 
    
 
     data: data, 
 
    
 
     success: function(d){ 
 
      console.log("question was posted!"+d); 
 
      
 
     }, 
 
     error: function(e){ 
 
      console.log("not posted! "+e); 
 
     }, 
 
      
 
    
 
     dataType: "application/json", 
 
     
 

 
    }); 
 
} 
 

 
$('#btn').click(function(e){ 
 
    saveQuestionToDB(); 
 
    e.preventDefault(); 
 
});

<!doctype html> 
 
<html> 
 
    <head> 
 
     <meta charset="utf-8"> 
 
     
 

 
    
 

 
     
 
     <link rel="stylesheet" href="quizStyle.css"> 
 
     <script 
 
       src="https://code.jquery.com/jquery-1.12.4.min.js" 
 
    
 
       integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" 
 
    
 
       crossorigin="anonymous"> 
 
     </script> 
 
     
 
     <title>Add a new quiz</title> 
 
    </head> 
 
    <body> 
 
     
 
     <h2>Enter a new quiz</h2> 
 
     
 
      <form id="newQuizForm"> 
 
     
 
       Insert question:<br> 
 
       <input type="text" id="question"><br> 
 
       Insert optional answers seperated by ;<br> 
 
       <input type="text" id="options"><br> 
 
       Insert correct answer:<br> 
 
       <input type="text" id="answer"><br> 
 
       <input type="submit" id="btn" value="Save question"> 
 
     
 
      </form> 
 
     
 
     
 
     <script src="saveQuestion.js"></script> 
 
    
 
    </body> 
 

 
</html>

來源

2017-02-15 Karima

您將請求發送到錯誤的API端點。發送POST請求到https://birdoftravel.cloudant.com/questions（https://$USERNAME.cloudant.com/$DATABASE）並且插入操作應該成功。詳情請參閱https://console.ng.bluemix.net/docs/services/Cloudant/api/document.html#create。

你使用https://birdoftravel.cloudant.com/questions/_all_docs列出所有文件在數據庫端點：https://console.ng.bluemix.net/docs/services/Cloudant/api/database.html#get-documents

的JavaScript代碼下面的修改後的版本爲我工作。需要注意的變化：

URL
Authorization頭

Content-Type頭

function saveQuestionToDB(){ 
    var urlDB = 'https://<cloudant-user-name>.cloudant.com/questions'; 
    var data = createQuestion(); 
    console.log("data :"+data); 

    $.ajax({ 
     type: "POST", 
     beforeSend: function (xhr) { 
      xhr.setRequestHeader ("Authorization", "Basic " + btoa('<cloudant-user-name>' + ":" + '<cloudant-password>)); 
     }, 
     url: urlDB,   
     data: data, 
     success: function(d){ 
      console.log("question was posted!"+ JSON.stringify(d));     
     }, 
     error: function(j,t,s){ 
      console.log("not posted! "+ JSON.stringify(j)); 
      console.log("not posted! "+ JSON.stringify(t)); 
      console.log("not posted! "+ JSON.stringify(s)); 
     }, 
     contentType: "application/json" 
    }); 
}

既然你是在您需要啓用CORS否則您的請求瀏覽器中運行這個將失敗：https://console.ng.bluemix.net/docs/services/Cloudant/api/cors.html#cors

來源

2017-02-15 16:51:49 ptitzler

即使更改爲它，它仍然給出相同的415錯誤。我也試着發郵件的郵遞員，我得到同樣的錯誤。 { 「錯誤」：「bad_content_type」，「理由」：「內容類型必須是application/JSON」 } 發送一個GET工作雖然，我真的不明白爲什麼它不工作。 – Karima

我發送一個額外的內容類型參數爲json，現在它給出了關於json的utf-8的錯誤。 – Karima

查看我原始回覆中的更新。要在Cloudant中啓用CORS，請打開** Account **選項卡並選擇** CORS **。 – ptitzler

錯誤415發佈JSON文件到雲端公共數據庫

回答

相關問題