说明$.ajax的用法,jQuery ajax的post()使用方法详解

在jquery中的ajax有二个数据发送模式，一种是get我以前有讲过，另一种是post()下面我来给大家介绍介绍，有需要了解的朋友可参考.

首先认识要jQuery.post(url, [data], [callback], [type])

对参数进行说明：

url:发送请求地址。

data:待发送 Key/value 参数。

callback:发送成功时回调函数。

type:返回内容格式，xml, html, script, json, text, _default。

说明:

通过远程 HTTP POST 请求载入信息。

这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。

先来看一个简单的实例代码如下 复制代码

<?php echo json_encode(array("name"=>$_POST['name']));?>

然后建立ajax.html文件，注意js代码：www.php100.com代码如下 复制代码

$(document).ready(function(){

$("#sub").click(function(){

$.post("testPost.php",{name:$("#name").val()},function(data,textStatus){

$("#result").append("data:"+data.name);

$("#result").append("
textStatus:"+textStatus);

},"json");

return false;

});

});

显示的内容如下：

用法2:(点击post数据返回数据)代码如下 复制代码

function ajaxTest()

{

$.post("http://localhost:8012/t.asp", { "txt": "123" },function(data)

{

$("#divMsg").html(data);

}

);

}

例3

JS代码：代码如下 复制代码

$(document).ready(function(){

$(".ajax_btn").click(function(){

$.post("ajax.php",//异步处理动态页面

{name:$(".name").val()},//获取类名为"name"文本的值，以NAME异步传值

function(data){//data为反回值，function进行反回值处理

$(".content").val(data);//获得得反回值后，将其填入到类名为"content"的文本框中

});

})

})

ajax.php代码：代码如下 复制代码

$name=$_POST["name"];

if($name=="netxu"){

echo "对不起，".$name."数据存在";

}

else{

echo "恭喜你，".$name."可以使用";

}

?>