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条)