您的位置:首页 > Web前端 > JQuery

夺命雷公狗jquery---54通过ajax的底层实现返回json格式的数据

2015-10-30 08:13 1021 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery.js"></script>
<script>
$(function(){
$('#btnok').bind('click',function(){
$.ajax({
type:'post',
url:'ajax3.php',
data:'first=100&second=20',
dataType:'json',
success:function(msg){
alert(msg.jia+'--'+msg.jian+'--'+msg.cheng+'--'+msg.chu);
}
});
});
});
</script>
</head>
<body>
<input type="button" id="btnok" value="OK" />
</body>
</html>


PHP的代码:

<?php
$first = $_POST['first'];
$second = $_POST['second'];

$jia = $first+$second;
$jian = $first-$second;
$cheng = $first*$second;
$chu = $first/$second;

$arr = array(
'jia'=>$jia,
'jian'=>$jian,
'cheng'=>$cheng,
'chu'=>$chu
);

echo json_encode($arr);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: