在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. 代码如下 | 复制代码 | <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>显示的内容如下:</h2> <div id="result"></div> </body> </html>
| 用法2:(点击post数据返回数据) 代码如下 | 复制代码 | <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代码: 代码如下 | 复制代码 | <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> | ajax.php代码:
代码如下 | 复制代码 | <?php $name=$_POST["name"]; if($name=="netxu"){ echo "对不起,".$name."数据存在"; } else{ echo "恭喜你,".$name."可以使用"; } ?> |
|