質問編集履歴

失敗ソースの追記

2017/01/07 06:00

投稿

tajix_japan

スコア132

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -123,3 +123,149 @@
 ```
+尚、自分なりに置いてみてうまくいかなかったのは下記です。
+      //  リクエストの内容
+      url: 'search1.php',
+      dataType: "json",
+      data: send_data,
+ と
+   success: function(responce)
+の間にif (send_data.readyState == 4 && send_data.status == 200)を置くしかないと思うのですが。
+そうするとカンマ区切りの中に無理やりIF文を入れることになるため動かないだろうと思いながらやったのですがやはり動きませんでした。
+```javascript
+$(function() {
+  //  クリックイベントにajax処理を登録する
+  $('body').on('click', 'button[data-btn-type=ajax]', function(e) {
+    console.log('click btn');
+    //  リクエストの下準備
+    //  リクエスト時に一緒に送るデータの作成
+    var send_data;
+    send_data = {
+      //  テキストボックスの値を設定
+      user_type : $('input').val()
+    };
+    console.log(send_data);
+    //  WebAPIを叩く
+    $.ajax({
+      //  リクエストの内容
+      url: 'search1.php',
+      dataType: "json",
+      data: send_data,
+      //  レスポンス成功時の処理
+//追加してみた
+if (send_data.readyState == 4 && send_data.status == 200){
+      success: function(responce) {
+        if (responce.result === "OK") {
+          console.log(responce);
+          $('div[data-result=""]').html(JSON.stringify(responce));
+        } else {
+          console.log(responce);
+          $('div[data-result=""]').html(JSON.stringify(responce));
+        }
+        return false;
+      },
+      //  レスポンス失敗時の処理
+      error: function(XMLHttpRequest, textStatus, errorThrown) {
+        console.log(XMLHttpRequest);
+        console.log(textStatus);
+        console.log(errorThrown);
+        $('div[data-result=""]').html(JSON.stringify("データ取得中にエラーが発生しました。"));
+        return false;
+      }
+    });
+    //  フォーカスをテキストボックスに合わせる
+    $('input').focus();
+    return false;
+  });
+});
+//追加してみた
+}
+```