jQuery,ajax,实现前后台数据对接（——登录页面）

html表单代码

<form id="form1">
            <div class="user">
                <img src="images/user.png" alt=""/>
                <input type="text" name="user_username" id="user"/>
            </div>
            <div class="pwd">
                <img src="images/pwd.png" alt=""/>
                <input type="password" name="user_password" id="pwd"/>
                <i class="by"></i>
            </div>
            <input type="button" value="登录" id="sub"/>
        </form>

jQuery代码

 $("#sub").on("click",function(){
        var formParam = $("#form1").serialize();
        $.ajax({                     
            async:false,　　　　　　　
            url:"test.php",            //引号内为处理数据的代码地址，如果是php就是test.php
            type:"post",
            data:formParam,
            dataType:"json",
            success: function(data){
                alert("1");
            }
        });
    });

下面是效果