一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jQuery中ajax的$.post应用实例

时间:2013-12-25 编辑:简简单单 来源:一聚教程网

用jQuery简单获取AJAX异步数据,以下例子是类似于型用户名的AJAX功能

jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求


参数:

url (String) : 发送请求的URL地址.

data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。

callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。

type (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)

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


JS代码

 代码如下 复制代码

ajax.php代码

 代码如下 复制代码

$name=$_POST["name"];

if($name=="netxu"){

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

}

else{

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

}

?>

HTML代码

 

 代码如下 复制代码

页面效果如下:(当你输入netxu时,会提示数据据存在,你输入其它则提示数据可用)

传值文本:

异步接收:


反之ASP情况也一样,只是输出形式不同

热门栏目