<!DOCTYPE html>
<html>
<head>
<title>我是标题</title>
</head>
<body>
<form action=‘./ajax1.php‘ method="post" id="form">
<p><input type="test" name="username" id="username"/></p><span id="reg"></span>
<p><input type="test" name="password" id="password"/></p>
<p><input type="submit" value="提交"/></p>
</form>
</body>
<script src="./js/jquery-1.7.2.min.js"></script>
<script>
$(‘#form‘).submit(function(ev){
var username = $("#username").val();//取框中的用户名
var password = $("#password").val();//取框中的密码
//alert(username);
$.ajax({
type:"post",//以post方式与后台沟通
url : "ajax1.php", //与此php页面沟通
dataType:‘text‘,//从php返回的值以 JSON方式 解释
data: ‘username=‘+username+‘&password=‘+password,
success: function(data){
alert(data);
$(‘#reg‘).html(data);
}
});
return false;
});
本文出自 “hlz博客” 博客，谢绝转载！
原文：http://9065096.blog.51cto.com/9055096/1635966