javascript - 如何使用 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/