エラー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ヘッダ、あなたがそうでなければ、あなたの要求をCORSを有効にする必要があり、ブラウザでこれを実行しているので

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" 
    }); 
}

失敗する：https://console.ng.bluemix.net/docs/services/Cloudant/api/cors.html#cors

出典

2017-02-15 16:51:49 ptitzler

それに変更しても、同じ415エラーが発生します。私も郵便配達員と一緒に投稿を送信しようとしましたが、同じエラーが発生します。 { 「エラー」：「bad_content_type」、「理由」：「コンテンツタイプは、アプリケーション/ JSONでなければなりません」} GETを送信は、それが働いていない理由を私は本当に理解していない、しかし動作します。 – Karima

コンテンツタイプの追加パラメータをjsonに送信しましたが、現在はjsonのutf-8に関するエラーが発生しています。 – Karima

私の元の応答の更新を参照してください。 CloudantでCORSを有効にするには、** Account **タブを開き、** CORS **を選択します。 – ptitzler

エラー415 Jsonファイルをクラウドパブリックデータベースに投稿

答えて

関連する問題