前提・実現したいこと
jQueryを使って、クリックイベント → ajax通信 → 返り値で他の処理
という流れを作ろうと思っています。
クリックイベントと.then()の組み合わせ方が分からず苦戦しております。
発生している問題・エラーメッセージ
Uncaught TypeError: Cannot read property 'then' of undefined
該当のソースコード
javascript
1function showData(data){ 2 return 'This is Ajax: ' + data; 3} 4 5function getData(){ 6 if(confirm("Are you sure?")){ 7 var data = JSON.stringify( myArray ); 8 $.ajax({ 9 url: "get_data.php", 10 type: "POST", 11 dataType: "json", 12 data: data 13 }) 14 .done( (data) => { 15 console.log("ajax success"); 16 }) 17 .fail(function(XMLHttpRequest, textStatus, errorThrown){ 18 console.log("ajax error"); 19 console.log("XMLHttpRequest : " + XMLHttpRequest.status); 20 console.log("textStatus : " + textStatus); 21 console.log("errorThrown : " + errorThrown.message); 22 }); 23 } 24} 25 26$('#get_data_btn').on('click', function(){ 27 getData().then(function(data){ 28 var returned_data = showData(data); 29 console.log(returned_data); 30 }) 31});
試したこと
ajax通信自体にエラーはないので、あとは書き方の問題?かと思うのですが、正解にたどり着けずにおります。ご教授いただけると助かります。
回答2件
あなたの回答
tips
プレビュー