Monaca WKWebView ajax通信ができない

Question

Monaca にてCordovaアプリを開発しています。
iOSのUIWebViewからWKWebViewへ変更したところajaxができなくなってしまいました。
PHP製のAPIへPOSTし結果をJsonでもらう仕様なのですが

$.getJSONでは今まで通りデータを取得できますが$.ajaxではajax がfailになってしまいます。
{"readyState":0,"responseText":"","status":0,"statusText":"error"}

PHPには
header("Access-Control-Allow-Origin: *");
を入れています。

Cordovaのプラグインは
cordova-plugin-wkwebview-engine
cordova-plugin-wkwebview-file-xhr
を入れています。

解決法をご存じの方はご教授いただきたいです。

//$.getJSONだとうまくいく
var url = "http://xxxx.jp";
$.getJSON(url, function (data) {
    console.log(JSON.stringify(data));
});

//$.ajaxはうまくいかない
var url = "http://xxxx.jp";
$.ajax({
          type: "POST",
          url: url,
          data: JSON.stringify(data),
          cache: false,
          contentType: false,
          processData: false,
          contentType: 'application/json'
})
.done(function (data, textStatus, jqXHR) {
    console.log(JSON.stringify(data));
})
.fail(function (jqXHR, textStatus, errorThrown) {
    console.log(JSON.stringify(jqXHR));
});

ビルド環境は以下の通りです。

ajaxのオプションのcontentTypeを'application/json'から'text/plain'に変更したところ正常に通信が行えました。
CORSの制約に引っかかっているような気がするのですがPHPサイドのheader("Access-Control-Allow-Origin: *");だけではだめという事なのでしょうか。。。

Comments

[退会済みユーザー]

ログには何も吐かれていないのでしょうか？

[giwagiwagiwa]

Monacaのコンソール上にCORSのエラーが出ていることがわかりました。
ajaxのオプションのcontentTypeを'application/json'から'text/plain'に変えることで回避はできたのでそこらへんを基に調査を進めようと思います。

Answer 1

PHPに
header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept');

を追加したらデータを取得できるようになりました！