如何使用jQuery創建AJAX請求

Question

如何在用戶完成將11位手機號碼輸入到表單字段之後使用jQuery創建AJAX請求？ 「有點像一個用戶名可用校驗」

情況...

用戶進入到移動電話號碼到表單字段

AJAX請求作出，移動發送http://domain.com?mobile=xxx

如果結果重新調整數是'真' 改變框綠色盛着紅色

例

<script type="text/javascript"> 
       $(document).ready(function(){ 

         jQuery.ajax({ 
          type: 'get', 
          url: 'http://domain.com', 
          data: { 
           apiKey: '' 
          }, 
          dataType: "json", 
          context: document.body, 
          success: function(r) { 
           console.log(r); 
          } 
         }); 

       }); 
      </script> 

Answer 1

試試這個：

var digits = /^\d{11}$/; 

$("input").on("keyup", function() { 
    if (digits.test(this.value)) { 
     $.ajax({ 
      url : "/foo/bar", 
      data : { id: 1337 }, 
      success: function(data) { 
       console.log(data); 
      } 
     }); 
    } 
}); 

Answer 2

使用on()方法附加到輸入字段的鍵/粘貼事件，然後通過調用$.ajax()來傳遞相應的參數。

$.ajax({ 
    url: '/foo/', 
    data: { name: "text to validate" }, 
    success: function (data) { 
     alert(data); 
    } 
}); 

在：http://api.jquery.com/on/
AJAX：http://api.jquery.com/jQuery.ajax/