首页 > 代码库 > ajax 不使用form提交表格
ajax 不使用form提交表格
html代码:
<div class="message"> <div><span>工号</span><input type="text" class="phone"><div class="clear"></div></div> <div><span>密码</span><input type="password" class="password"><div class="clear"></div></div> <div><span>验证码</span><input type="text" class="verifys" style=" width: 188px;"><img class="verify" src="{:U(‘Index/verify‘)}" alt="验证码" onClick="this.src=http://www.mamicode.com/this.src+‘?‘+Math.random()" /> <div class="clear"></div></div> <div><div class="btn">确定</div></div> </div>
jquery代码
<script type="text/javascript"> $(".message .btn").click(function(){ var phone = $.trim($(‘.message .phone‘).val()); var password = $.trim($(‘.message .password‘).val()); var verify = $.trim($(‘.message .verifys‘).val()); $.ajax({ type: "POST", url: "{:U(‘Index/staff‘)}", //提交给后台函数 Index 中的 staff()函数 data: {password:password,phone: phone, verify:verify}, dataType: "json", success: function (data) { if( data.id ==1 ){ window.location.href = "{:U(‘Index/knowledge‘)}"; }else{ alert(data.info); } } }) });
后台函数代码 可依据自身需求写
function staff(){
if( IS_AJAX ){
if(I(‘post.phone‘) =="" || I(‘post.password‘) ==‘‘ ){
//$this->error("用户名或者密码为空!");
$this->ajaxReturn(array(‘id‘ =>0,‘info‘=>‘用户名或密码为空!‘ ));
}
}
ajax 不使用form提交表格
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。