2017-02-15 1 views
0

Я пытаюсь отправить простой 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>

ответ

0

Вы отправляете запрос на неправильный 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

Следующая модифицированная версия вашего яваскрипта код работает для меня. Обратите внимание на изменения:

  • 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

+0

Даже если это изменено, оно сохраняет давая ту же ошибку 415. Я также попытался отправить сообщение с почтальоном, и я получаю ту же ошибку. { "ошибка": "bad_content_type", "причина": "Content-Type должно быть применение/JSON" } Отправка GET работает, хотя, я действительно не понимаю, почему это не работает. – Karima

+0

Я отправляю дополнительный параметр для типа контента, который должен быть json, и теперь он дает ошибку относительно utf-8 json. – Karima

+0

См. Обновления в моем первоначальном ответе. Чтобы включить CORS в Cloudant, откройте вкладку ** Account ** и выберите ** CORS **. – ptitzler

Смежные вопросы