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

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