zoukankan      html  css  js  c++  java
  • Jquery Ajax--- get,post,ajax方法返回json数据

    <html>
    <head>
     	<meta charset="utf-8">
    	<title></title>
    	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
    </head>
    <body>
    	<input type="text" id="r">
    	<button id="btn1"> calc area and round</button><br>
    	<span id="span1"></span>
    	<script type="text/javascript">
    		$(function() {
    			$("#btn1").click(function() {
                      
    				//$.get(url,paras,callback)
    				//$.get("data.php",{"r":$("#r").val()},function(data,status){
    				// var txt="("+data+")";
    				// var obj_json=eval(txt);
    				// $("#span1").html("圆的面积为:"+obj_json.area+"<br>圆的周长为:"+obj_json.len);
    				//});
    
    				//$.post(url,paras,callback,type)
    				// $.post("data.php",{"r":$("#r").val()},function(data,status){
    				// 	$("#span1").html("圆的面积为:"+data.area+"<br>圆的周长为:"+data.len);
    				// 	// alert(data);
    				// },"json");
    
    				$.ajax({
    					url:'data.php',
    					data:{r:$("#r").val()},
    					type:'POST',
    					dataType:'json',
    					success:function(data) {
    						$("#span1").html("圆的面积为:"+data.area+"<br>圆的周长为:"+data.len);
    					}
    				});
    			});
    		});
    	</script>
    </body>
    </html>
    

      data.php

    <?php
    	if(isset($_POST["r"])){
    		$r=intval($_POST["r"]);
    		$area=pi()*$r*$r;
    		$len=2*pi()*$r;
    		$str='{"area":'.$area.',"len":'.$len."}";
    		echo $str;
    	}
    ?>
    

      

  • 相关阅读:
    beta版本冲刺七
    beta版本冲刺六
    beta版本冲刺五
    beta版本冲刺四
    beta版本冲刺三
    Beta版本冲刺(二)
    项目评测
    beta版本冲刺(一)
    福大软工 · 最终作业
    福大软工 · 第十二次作业
  • 原文地址:https://www.cnblogs.com/beast-king/p/5476638.html
Copyright © 2011-2022 走看看