monacaの<script>内で以下を実行しています。
aiueoのアラートまでは現れるのですがgetJSONメソッドを実行した際にエラーブロックへ入ります。
js--applyをクリックしたときにaiueと現れるためjQueryの読み込み方の問題ではないとかんがえております。
monacaではなくローカルでjqueryを参照するやり方だと正常に動作いたします。
どのようにしたらエラーブロックに入らないようになりますかね。
ちなみにエラー内容はundifinedでした。
$(document).on('click', '.js--apply', function(){ alert('aiue'); params.keyid = '23d0231723dd968009accb4b3c52a01e'; $.getJSON(url, params, function(){ alert('2'); }) .success(function(json) { alert("成功"); }) .error(function(jqXHR, textStatus, errorThrown) { alert("エラー:" + textStatus); alert("テキスト:" + jqXHR.responseText); }); });
ご参考までに以下ソースコード全文です。
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> <script src="components/loader.js"></script> <script src="components/monaca-jquery/jquery.js"></script> <link rel="stylesheet" href="components/loader.css"> <link rel="stylesheet" href="css/style.css"> <script> </script> </head> <body> <input type="button" value="search" class="js--apply" /> <script> (function(){ var url = 'http://api.gnavi.co.jp/RestSearchAPI/20150630/?callback=?'; var params = { keyid: 'xxxxxxx', format: 'json', latitude: 35.670083, longitude: 139.763267, range: 1 }; var showResult = function(result){ if ( result.total_hit_count > 0 ) { var res = ''; document.write( result.total_hit_count + '件の結果が見つかりました。<br/>' ); for ( var i in result.rest ){ res += result.rest[i].image_url.shop_imageg1 + result.rest[i].id + ' ' + result.rest[i].name + ' ' + result.rest[i].access.line + ' ' + result.rest[i].access.station + ' ' + result.rest[i].access.walk + '分<br/>'; } document.write(res); } else { document.write( '検索結果が見つかりませんでした。<br/>' ); } } $(document).on('click', '.js--apply', function(){ alert('aiue'); params.keyid = '23d0231723dd968009accb4b3c52a01e'; $.getJSON(url, params, function(){ alert('2'); }) .success(function(json) { alert("成功"); }) .error(function(jqXHR, textStatus, errorThrown) { alert("エラー:" + textStatus); alert("テキスト:" + jqXHR.responseText); }); }); })(jQuery); </script> </body> </html>
回答1件
あなたの回答
tips
プレビュー