ajax无刷新提交笔记

数据库自己模拟建一个 执行一下添加功能

php部分采用pdo方法：

<?php$db='mysql';$host='localhost';$port='3306';$dbname='ajax';$user='root';$pwd='';$dsn="$db:host=$host;port=$port;dbname=$dbname";//设定字符集$options=array(PDO::MYSQL_ATTR_INIT_COMMAND=>'SETNAMES\'UTF8\'');$pdo=newPDO($dsn,$user,$pwd,$options);$name=$_POST['name'];//print_r($name);exit;$pwd=$_POST['pwd'];$code=$_POST['code'];$sql="insertintouser(name,pwd,code)values('".$name."','".$pwd."','".$code."')";$res=$pdo->exec($sql);if($res){echo1;exit;}else{echo2;exit;}

ajax前端部分

<scripttype="text/javascript"src="jquery-1.8.3.min.js"></script><scripttype="text/javascript">$(function(){$(".user_main_rbutton").click(function(){$.post('./login.php',$('form').serialize(),function(data){if(data==1){alert('添加成功');$("#admin_user").val('');$("#admin_psd").val('');$("#captcha").val('');}else{alert('添加失败');}});});});</script><title>无刷新用户登录</title></head><bodyid="userlogin_body"><formid="form"method="post"><ul><divclass="user_main_box"><ul><liclass="user_main_text">用户名：</li><liclass="user_main_input"><inputid="admin_user"name="name"maxlength="20"/></li></ul><ul><liclass="user_main_text">密&nbsp;&nbsp;&nbsp;&nbsp;码：</li><liclass="user_main_input"><inputclass="TxtPasswordCssClass"id="admin_psd"name="pwd"type="password"></li></ul><ul><liclass="user_main_text">×××：</li><liclass="user_main_input"><inputclass="TxtValidateCodeCssClass"id="captcha"name="code"type="text"></li></ul></div></li><liclass="user_main_r"><buttontype="button">提交</button></li></ul></form></body>