一、使用get()方法以GET方式从服务器获取数据
使用get()方法时，采用GET方式向服务器请求数据，并通过方法中回调函数的参数返回请求的数据，它的调用格式如下：
$.get(url,[callback])
参数url为服务器请求地址，可选项callback参数为请求成功后执行的回调函数。
例如，当点击“加载”按钮时，调用get()方法向服务器中的一个.php文件以GET方式请求数据，并将返回的数据内容显示在页面中。
index.html页面：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery-1.12.4.min.js"></script>
</head>
<body>
<div id="divtest">
<div class="title">
<span class="fl">我的个人资料</span>
<span class="fr">
<input id="btnShow" type="button" value="加载" />
</span>
</div>
<ul></ul>
</div>
<script type="text/javascript">
$(function(){
$("#btnShow").bind("click",function(){
var $this=$(this);
$.get("info.php",function(data){
$this.attr("disabled","true");
$("ul").append("<li>我的名字是："+data.name+"</li>");
$("ul").append("<li>我的年龄是："+data.age+"</li>");
$("ul").append("<li>我的工作是："+data.job+"</li>");
},"json");
});
});
</script>
</body>
</html><?php
echo json_encode(array("name"=>"xiaofen","age"=>"26","job"=>"web前端"));
?>二、使用post()方法以POST方式从服务器发送数据
与get()方法相比，post()方法多用于以POST方式向服务器发送数据，服务器接收到数据之后，进行处理，并将处理结果返回页面，调用格式如下：
$.post(url,[data],[callback])
参数url为服务器请求地址，可选项data为向服务器请求时发送的数据，可选项callback参数为请求成功后执行的回调函数。
例如，在输入框中录入一个数字，点击“检测”按钮，调用post()方法向服务器以POST方式发送请求，检测输入值的奇偶性，并显示在页面中。
index.html页面：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery-1.12.4.min.js"></script>
</head>
<body>
<div id="divtest">
<div class="title">
<span class="fl">检测数字是否大于0</span>
<span class="fr">
<input id="btnShow" type="button" value="检测" />
</span>
</div>
<ul>
<li>请输入一个数字：<input id="Number" type="text" size="15"></li>
</ul>
</div>
<script type="text/javascript">
$(function(){
$("#btnShow").bind("click",function(){
$.post("test.php",{num:$("#Number").val()},
function(data){
$("ul").append("<li>你输入的"+$("#Number").val()+data+"</li>");
});
});
});
</script>
</body>
</html>
<?php
$num=$_POST["num"];
if($num>0){
echo "大于0";
}else{
echo "小于0";
}
?>
扫一扫
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
