投稿2014/11/22 08:29
chromeを利用してAjaxの非同期通信を試みているのですが、エラーがでてしまいます。
何がいけないのでしょうか？
JavaScriptのソースコードは以下です。
$.ajax({
url: 'news.html',
dataType: 'thml',
async: true,
succsess: function(html) {
$('#news').html(html);
},
error: function(html) {
alert('データの読み込みに失敗しました。しばらくたってからアクセスし直してみてください。');
}
});
回答3件
0
もしお手元にPHP 開発環境があるならば、php コマンドを使って(eg. php -S localhsot:3000) ローカルサーバを立ち上げてしまうとよいかもしれません
(Node.js やPython, Ruby などほかの言語でも同様のことはできるようです)
lang
1<div class="content"> 2 <h2>news.html</h2> 3 <div class="content body">foo bar brabrabra...</div> 4</div>
lang
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 6 <script src="read_partial.js"></script> 7 <title></title> 8</head> 9<body> 10<h1>index.html</h1> 11<div class="contents"> 12 <div id="news"></div> 13</div> 14</body> 15</html>
lang
1$(document).ready(function() { 2 $.ajax({ 3 url: '//localhost:3000/news.html', 4 dataType: 'html', 5 async: true, 6 success: function(html) { 7 $('div#news').html(html); 8 }, 9 error: function(html) { 10 alert('データの読み込みに失敗しました。しばらくたってからアクセスし直してみてください。'); 11 } 12 }); 13});
投稿2014/11/22 11:58
総合スコア2321
0
通常 Google Chrome では ローカルファイルに対して、
Ajax通信を行う事は出来ません。
以下を参考に、オプション付きで起動すれば行けるみたいです。
投稿2014/11/22 08:37
総合スコア1656
0
単純なスペルミスでは？
lang
1 dataType: 'thml', 2 succsess: function(html) {
↓↓↓変更↓↓↓
lang
1 dataType: 'html', 2 success: function(html) {
投稿2014/11/27 03:52
総合スコア181
あなたの回答
tips
プレビュー
Q&A
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。