從jQuery post訪問返回的數據到Play Framework

Question

我試圖訪問從外部post函數返回的Play數據！在本地運行的項目。這篇文章也是在本地執行的，但是從xampp（不是Play！）開始，並且成功（在服務器端看過） - 執行crud並返回數據。我可以在網絡選項卡上看到Opera的DragonFly返回的數據，但是我似乎無法訪問它。 jQuery甚至沒有進入function(data){...}。

我用這兩種方法是：

$(document).ready(function(){ 
    $('#createTask').click(function(){ 

     alert('In click function'); 
     var $title = prompt('Task title'); 
     var $url = 'http://localhost:9000/application/createtask' 

     $.post($url,{title:$title}, function(data){ 
      alert('In return function'); 
      //alert(data.title); 
      //alert(JSON.stringify(data)); 
     }, 'application/json'); 

     $.ajax({ 
      type: "POST", 
      url: $url, 
      data: {title:$title}, 
      dataType: "application/json", 
      success: function(data){ 
       alert("Success: " + JSON.stringify(data)); 
      }, 
      done: function(data){ 
       alert("Done: " + JSON.stringify(data)); 
      }, 
      error: function (data){ 
       alert("Error: " + JSON.stringify(data)); 
      } 
     }); 
    }); 
}) 

如何訪問返回的數據？我究竟做錯了什麼？

謝謝！

Answer 1

1. 變化dataType在$.ajax({...})從"application/json"簡單"json"。
2. 當使用"json"作爲dataType時，jQuery自動將JSON數據轉換爲JavaScript對象，因此console.log(data)而不是alert("Success: " + JSON.stringify(data))。
3. 你的一些參數不正確。
4. 爲什麼$在你的變量名？

因此，請嘗試將您的代碼更改爲下面的代碼。

$(document).ready(function() { 
    $('#createTask').click(function() { 
     console.log('In the "click" handler for "#createTask".'); 

     var task_title = prompt('Task title', ''); 
     console.log('Your task will be given the title: "' + task_title + '".'); 

     var ajax_url = 'http://localhost:9000/application/createtask'; 

     $.ajax({ 
      'complete': function (jqXHR, status) { 
       console.log('Complete!'); 
       console.log(status); 
      }, 
      'data': { 
       'title': task_title 
      }, 
      'dataType': 'json', 
      'error': function (jqXHR, status, error) { 
       console.log('Error!'); 
       console.log(status); 
       console.log(error); 
      }, 
      'success': function (data, status, jqXHR) { 
       console.log('Success!'); 
       console.log(status); 
       console.log(data); 
      }, 
      'type': 'POST', 
      'url': ajax_url 
     }); 
    }); 
});