以下是個簡單的示例,***有2個文件:
1、index.html
<!DOCTYPE?HTML><head>
<meta?/jquery/1.11.2/jquery.min.js"></script>
<script?language="javascript">
function?checkemail(){
if($('#email').val()?==?""){$('#msg').html("請輸入E-Mail郵箱!");
$('#email').focus;
return?false;
} if($('#address').val()?==?""){$('#msg').html("請輸入家庭住址!");
$('#address').focus;
return?false;
} ajax_post();}
function?ajax_post(){
$.post("action.php",{email:$('#email').val(),address:$('#address').val()},function(data){
$('#msg').html("請輸入數據!");
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>
家庭住址:<input?type="text"?name="address"?id="address"/>
</p>
<p?id="msg"></p>
<p>
<input?name="Submit"?type="button"?value="提交"?onclick="return?checkemail()"/>
</p>
</form>
</body>
</html>
2、action.php
<?php$email?=?$_POST["email"];
$address?=?$_POST["address"];
echo?"妳輸入的資料為:<br/>";
echo?" 電子郵箱:$email<br/>";
echo?" 家庭住址:$address<br/>";
>運行效果: