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;
    	}
    ?>
    

      

  • 相关阅读:
    JavaScript中的原型和继承
    Classical Inheritance in JavaScript
    jquery.cookie 使用方法
    Backbone.js 使用 Collection
    Backbone.js 中使用 Model
    Backbone.js 使用模板
    Java并发编程:volatile关键字解析zz
    eclipse 搭建Swt 环境
    Adams输出宏代码
    根据圆上三点求圆心及半径
  • 原文地址:https://www.cnblogs.com/beast-king/p/5476638.html
Copyright © 2011-2022 走看看