在 jqery 中有这样一个方法,$.post() 下面就这个方法做一个简单的实例:
jQuery.post(url, [data], [callback], [type] ) :
使用 POST 方式来进行异步请求
参数:
url (String) : 发送请求的 URL 地址.
data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示.
callback (Function) : (可选) 载入成功时回调函数 (只有当 Response 的返回状态是 success 才是调用该方法).
type (String) : (可选) 官方的说明是:Type of data to be sent.其实应该为客户端请求的类型 (JSON,XML, 等等).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>
Untitled Document
</title>
<script type="text/javascript" src=\ '#\' " /jquery-1.3.2.js">
</script>
<script language="javascript">
function checkemail() {
if ($('#email').val() == "") {
$('#msg').html("please enter the email!");
$('#email').focus;
return false;
}
if ($('#address').val() == "") {
$('#msg').html("please enter the address!");
$('#address').focus;
return false;
}
ajax_post();
}
function ajax_post() {
$.post("action.php", {
email: $('#email').val(),
address: $('#address').val()
},
function(data) {
//$('#msg').html("please enter the email!");
//alert(data);
$('#msg').html(data);
},
"text"); //这里返回的类型有:json,html,xml,text
}
</script>
</head>
<body>
<form id="ajaxform" name="ajaxform" method="post" action="action.php">
<p>
<input type="text" name="email" id="email" />
</p>
<p>
address
<input type="text" name="address" id="address" />
</p>
<p id="msg">
</p>
<p>
<input name="Submit" type="button" value="submit" onclick="return checkemail()"
/>
</p>
</form>
</body>
</html>
来源: http://lib.csdn.net/article/jquery/36421