|
在jquery中的ajax有二個(gè)數(shù)據(jù)發(fā)送模式，一種是get我以前有講過(guò)，另一種是post()下面我來(lái)給大家介紹介紹，有需要了解的朋友可參考.
首先認(rèn)識(shí)要jQuery.post(url, [data], [callback], [type]) 對(duì)參數(shù)進(jìn)行說(shuō)明： url:發(fā)送請(qǐng)求地址。 data:待發(fā)送 Key/value 參數(shù)。 callback:發(fā)送成功時(shí)回調(diào)函數(shù)。 type:返回內(nèi)容格式，xml, html, script, json, text, _default。 說(shuō)明: 通過(guò)遠(yuǎn)程 HTTP POST 請(qǐng)求載入信息。 這是一個(gè)簡(jiǎn)單的 POST 請(qǐng)求功能以取代復(fù)雜 $.ajax 。請(qǐng)求成功時(shí)可調(diào)用回調(diào)函數(shù)。如果需要在出錯(cuò)時(shí)執(zhí)行函數(shù)，請(qǐng)使用 $.ajax。 先來(lái)看一個(gè)簡(jiǎn)單的實(shí)例 | 代碼如下 | 復(fù)制代碼 | <?php echo json_encode(array("name"=>$_POST['name']));?> | 然后建立ajax.html文件，注意js代碼：www. | 代碼如下 | 復(fù)制代碼 |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="./jquery-1.7.1.min.js"></script>
<script>
$(document).ready(function(){
$("#sub").click(function(){
$.post("testPost.php",{name:$("#name").val()},function(data,textStatus){
$("#result").append("data:"+data.name);
$("#result").append("<br>textStatus:"+textStatus);
},"json");
return false;
});
});
</script>
</head>
<body>
<form action="testPost.php" method="post">
<input type="text" name="name" id="name" >
<input type="submit" id="sub" value="提交">
</form>
<h2>顯示的內(nèi)容如下：</h2>
<div id="result"></div>
</body>
</html>
| 用法2:(點(diǎn)擊post數(shù)據(jù)返回?cái)?shù)據(jù)) | 代碼如下 | 復(fù)制代碼 | <input type="button" id="bnajax" value="ajax" onclick="ajaxTest()" /> <script type="text/javascript" > function ajaxTest()
{
$.post("http://localhost:8012/t.asp", { "txt": "123" },function(data)
{
$("#divMsg").html(data);
}
);
} </script> | 例3 JS代碼： | 代碼如下 | 復(fù)制代碼 | <script> $(document).ready(function(){ $(".ajax_btn").click(function(){ $.post("ajax.php",//異步處理動(dòng)態(tài)頁(yè)面 {name:$(".name").val()},//獲取類(lèi)名為"name"文本的值，以NAME異步傳值 function(data){//data為反回值，function進(jìn)行反回值處理 $(".content").val(data);//獲得得反回值后，將其填入到類(lèi)名為"content"的文本框中 }); }) }) </script> |
ajax.php代碼：
| 代碼如下 | 復(fù)制代碼 | <?php $name=$_POST["name"]; if($name=="netxu"){ echo "對(duì)不起，".$name."數(shù)據(jù)存在"; } else{ echo "恭喜你，".$name."可以使用"; } ?> |
|
