Wordpressプラグインを作成していて、AJAXを使用しようとしています。IEでAJAXを機能させるのに問題があります。
次の試行はすべてFF/Chromeで機能しますが、IEでは失敗します。
PHP:
add_action('wp_ajax_nonpriv_trying_ajax', 'trying_ajax');
add_action('wp_ajax_trying_ajax', 'trying_ajax');
function trying_ajax(){
$response = json_encode( array( 'success' => true ) );
header( "Content-Type: application/json" );
echo $response;
exit;
}
Javascript:
var ajaxData = {
action: 'trying_ajax',
state: filterStates
};
JQuery.post(myconvio_convio_functions.ajaxurl, ajaxData,
function(data) {
alert(data);
},
'json'
);
FF/ChromeはJSONオブジェクトを返します。ただし、IEは0を返します。
http://codex.wordpress.org/AJAX_in_Plugins によると...
エラー戻り値
リクエストURLがwp-admin/admin-ajax.phpのときにAJAXリクエストが失敗した場合、失敗した理由に応じて-1または0を返します。さらに、AJAXリクエストが成功すると、0が返されます。
私はこれをキャッシュを説明するために試しました:
var d = new Date();
var n = d.getTime();
JQuery.post(myconvio_convio_functions.ajaxurl+"?x="+n, ajaxData,
クロスドメインの問題を説明するために相対URLを試しました:
JQuery.post('/FWW/wp-admin/admin-ajax.php', ajaxData,
すべて同じ結果:FF/ChromeはJSONオブジェクトを返します。ただし、IEは0を返します。
助けてくれてありがとう。
.... $ .ajaxに変更され、success、error、completeが追加されました-結果はコメントにあります。それでも同じ結果で、IEは成功として戻ってきますが、応答は0です。
$.ajax({
url: '/FWW/wp-admin/admin-ajax.php',
type: 'POST',
data: ajaxData,
dataType: 'json',
success: function(response, status, xhr) {
console.log(response);
// Firebug log: Object { success=true }
alert('success - response: ' + response);
// FF Alert: success - response: [object Object]
// IE Alert: success - response: 0
alert('success - status: ' + status);
// IE&FF Alert: success - status: success
alert('success - xhr.readyState: ' + xhr.readyState);
// IE&FF Alert: success - xhr.readyState: 4
alert('success - xhr.responseText: ' + xhr.responseText);
// FF Alert: success - xhr.responseText: {"success":true}
// IE Alert: success - xhr.responseText: 0
alert('success - xhr.status: ' + xhr.status);
// IE&FF Alert: success - xhr.status: 200
alert('success - xhr.statusText: ' + xhr.statusText);
// IE&FF Alert: success - xhr.statusText: OK
},
// error handler function never gets called on IE or FF
error: function(jqXHR, textStatus, errorThrown) {
alert('error jqXHR: ' + jqXHR);
alert('error textStatus: ' + textStatus);
alert('error errorThrown: ' + errorThrown);
},
complete: function(jqXHR, textStatus){
alert('complete - jqXHR.readyState: ' + jqXHR.readyState);
// IE&FF Alert: complete - jqXHR.readyState: 4
alert('complete - jqXHR.responseText: ' + jqXHR.responseText);
// FF Alert: complete - jqXHR.responseText: {"success":true}
// IE Alert: complete - jqXHR.responseText: 0
alert('complete - jqXHR.status: ' + jqXHR.status);
// IE&FF Alert: complete - jqXHR.status: 200
alert('complete - jqXHR.statusText: ' + jqXHR.statusText);
// IE&FF Alert: complete - jqXHR.statusText: OK
alert('complete - textStatus: ' + textStatus);
// IE&FF Alert: complete - textStatus: success
}
});