php 无刷新提交表单,ajax 表单提交 无刷新

登录angularJS

$(document).ready(function(){       //DOM的

$("#button").click(function(){   //当按钮button被点击时的处理函数

postdata();                    //button被点击时执行postdata函数

});

});

function postdata(){            //提交数据函数

$.ajax({                     //调用jquery的ajax方法

type: "POST",              //设置ajax方法提交数据的形式

url: "ajax_output.php",             //把数据提交到ok.php

data: "username="+$("#username").val()+"&pass="+$("#pass").val()+"&age="+$("#age").val(),  //输入框username pass age 多个值时用&符号中的值作为提交的数据

success: function(msg){     //提交成功后的回调，msg变量是ok.php输出的内容。

alert("数据提交成功");    //如果有必要，可以把msg变量的值显示到某个DIV元素中

}

});

}

Please sign in

header("content-type:text/html;charset=utf-8");

/* $mysql_username="localhost"; // 连接数据库用户名

$mysql_password=""; // 连接数据库密码*/

$mysql_database="test"; // 数据库的名字

// 连接到数据库

$conn = mysql_connect('localhost','root','') or die("MYSQL_connect:".mysql_errno());

mysql_select_db($mysql_database);

$username=$_POST['username'];

$pass=$_POST['pass'];

$age=$_POST['age'];

$sql = "INSERT INTO `login2` VALUES ('$username','$pass','$age')";

$query = mysql_query($sql);

if($query){

echo '1';

}else{

echo '注册失败!';

}

?>