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

html表单代码 <form id"form1"><div class"user"><img sr

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.phptype:"post",data:formParam,dataType:"json",success: function(data){alert("1");}});});

下面是效果

发布者:admin,转转请注明出处:http://www.yc00.com/web/1691622731a542177.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信