使用jQuery的$.post方法可以以POST形式向服务器发起AJAX请求。$.post方法是jQuery的实用工具方法。
|
$.post( url, [parameter], [callback], [type] ) |
|
|
参数 |
注释 |
|
url(String) |
(字符串)服务器端资源地址。 |
|
data(Map) |
(对象)需要传递到服务器端的参数。 参数形式为“键/值”。 |
|
callback(Function) |
(函数)在请求完成时被调用。该函数参数依次为响应体和状态。 |
|
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>
email<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>