Thinkphp ajax异步提交的方法总结

Thinkphp ajax使用$.get函数提交到后台，后台处理完成后返回前端数据，然后进行显示。

以修改密码为例，先看下html代码

<form action="__URL__/pwcheck" method="post" name="mpw">
<li><span class="gaimima_1">原密码:</span><span><input type="text" name="opw" class="mimak" /></span></li>
<li><span class="gaimima_2">新密码:</span><span><input type="text" name="npw" class="mimak" /></span></li>
<li><span class="gaimima_3">重复密码:</span><span><input type="text" name="npw2" class="mimak" /></span></li>

</ul>
</div>
<div class="qrx_search">
<input type="submit" value="确认" class="queren"/>
</div>
</form>

JS代码
<script>
//异步验证密码是否正确
$(function(){
var error=new Array();
$('input[name="opw"]').blur(function(){//当input[name="opw"]'失去焦点的时候
var pw=$(this).val();
$.get('__URL__/checkpw',{'pw':pw},function(data){//使用$.get方法提交
if(data =="1"){//如果用户输入的和数据库里一致
error['pw']=1;
}
else{
$('input[name="opw"]').after('<div id="checkpw">原密码输入错误</div>');
error['pw']=0;
}
})
});
$('input[name="opw"]').focus(function(){//当获得焦点清除#checkpw
$('#checkpw').remove();
});

})
</script>

后台PHP代码
public function checkpw(){
$opw=I('get.pw','');//取得提交过来的密码
$uid= $_SESSION['id'];
$user=D('users');
$user=$user->where(array('id'=>$uid))->find();
$dbpw=$user['password'];//得到数据库里的密码
if(md5($opw)==$dbpw){//如果用户输入的密码和数据库里的一致，输出1
echo '1';
}
else{//不一致输出0
echo "0";
}
}

当用户在原密码输入框内输入了和数据库不一致的密码，输入框失去焦点的时候，会提示用户原密码不正确。