執行個體說明:
代碼如下 |
複製代碼 |
<script> $(document).ready(function(){ $(".ajax_btn").click(function(){ $.post("ajax.php",{name:$("#name").val()},//擷取類名為"name"文本的值,以NAME非同步傳值 function(data){//data為反回值,function進行反回值處理 $("#content").val(data);//獲得得反回值後,將其填入到類名為"content"的文字框中 }); }) }) </script> <form id="ajaxform" name="ajaxform" method="post" action="action.php"> <p> email<input type="text" name="name" id="name"/> </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> //post之後返回內容 <div id="content"></div> |
ajax.php代碼:
代碼如下 |
複製代碼 |
<?php $name=$_POST["name"]; if($name=="netxu"){ echo "對不起,".$name."資料存在"; } else{ echo "恭喜你,".$name."可以使用"; } ?> |
關於post簡單介紹
函數原型:$.post(url, params, callback)
url是提交的地址,eg: "sample.ashx"
params是參數,eg: { name:"xxx" , id:"001" }
callback是回呼函數,eg: function(msg){ alert(msg); }