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

html表单代码

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");
            }
        });
    });

下面是效果

jQuery,ajax,实现前后台数据对接(——登录页面)_第1张图片

你可能感兴趣的:(ajax)