最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
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代码
代码如下 | 复制代码 |
$(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."可以使用"; } ?> |
HTML代码
代码如下 | 复制代码 |
页面效果如下:(当你输入netxu时,会提示数据据存在,你输入其它则提示数据可用) 传值文本: 异步接收: |
反之ASP情况也一样,只是输出形式不同
-
上一个: js模拟级联select城市地址选择
-
下一个: js复制文章随机增加版权在任何位置代码
相关文章
- jquery Ajax 全局调用封装实例详解 01-23
- jquery Ajax的load方法及实例 07-15
- jQuery Mockjax插件模拟Ajax请求实例教程 01-01
- jquery中ajax load实例 11-30
- jQuery ajax 异步传输实例详解 11-04
- jQuery的AJAX之load()应用实例 08-29