2016-08-15 7 views
1

でJSONP使用して、ファイル:それは、次のコード私が直接開く簡単なHTMLページを持っているAjaxのHTML

$.ajax({ 
     url: "http://localhost:8080/ajax_info.php", 
     dataType: "jsonp", 
     jsonp: 'jsoncallback', 
     success: function(data) { 
      alert(data); 
     } 
    }); 

ajax_info.phpエコー 'こんにちは' を持ってい//abc.html

それだけで。各オン

クロムでネットワークタブをリロード応答を受け取ったが、私は警告ボックスを得るいけないされるよう要求が

http://localhost:8080/ajax_info.php?jsoncallback=jQuery1111016803214247142373_1471278920224&_=1471278920236 

とハローに行われていることを示しています。

ページを実行すると、何も表示されません(アラートボックスは表示されません)、こんにちは、私は間違いをしていますか?あなたにこの機能を追加すること

+0

_「ajax_info.phpは、それだけで 『こんにちは』エコー持っています。」_ - それは –

+0

@JasonPが、それは、私はちょうど私が、それをすることを試みているのPoC –

答えて

0

試してみてください。

function jsoncallback(json){ 
alert(json); 
} 

EDIT:あなたは、サーバーが欲しい機能でのparamsをエコーすべきJSONPを使用したい:

サーバー

echo 'jsoncallback("hello!")'; 
上でこれを行います

または

echo 'jsoncallback('. json_encode($some_data) .')'; 

もちろん「jsoncallbackは、」あなたはそれを正しい方法を行うには持っているので、すべてのユーザーが、変更することが、ユーザー関数の名前です:

echo $user_sent_me_this_name . '(' . json_encode($some_data) . ')'; 
+0

作っています何を持っている必要がありますどのように動作しますJSONP ...ではありませんUncaught ReferenceError:helloは定義されていません。 –

+0

私はサーバーが何をすべきか説明を追加しました。基本的にサーバはecho _working javascript_ –

+0

あなたは本当にjsonPが必要ですか?それはクロスドメインのajaxリクエストのみです。 –

0
success: function(data) {alert(data);} 

このコードは結構です、必ずあなたのことを確認Ajax接続が機能しています。 error:パラメータを使用できることをご存知でしょうか。

$.ajax({ 
     url: "http://localhost:8080/ajax_info.php", 
     dataType: "jsonp", 
     jsonp: 'jsoncallback', 
     success: function(data) { 
      alert(data); 
     }, 
     error: function() { 
      $('#info').html('<p>An error has occurred</p>'); 
      } 
    }); 
+0

実際には、最初の答えとしてPHPを編集する必要があり、FUNCTIONNAME( 'DATA_I_WANT_TO_RETURN); –

+0

あなたの問題を解決しましたか? –

関連する問題