1、html页面  a.html

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>calculate</title>

</head>

<body>

              <input type = "text" name="num1" id="num1">

              <select name = "select" id="select">

                     <option value="+" >+</option>

                     <option value="-" >-</option>

                     <option value="*" >*</option>

                     <option value="/" >/</option>

              </select>

              <input type = "text" name="num2" id="num2" >

              <input type = "submit" name = "submit" id="submit" value="=">

              <input type = "text" name="result" id='result' placeholder="结果显示">

<script src="jquery.min.js"></script>

<script type="text/javascript">

	$('#submit').click(function(){

		var data={'num1':$('#num1').val(),'num2':$('#num2').val(),'select':$("#select").val()};

		$.ajax({

			type:'get',

			url:'a.php',

			data:data,

			dataType:'json',

			success:function(data){

			$('#result').val(data);

			},

			error:function(error){

				alert('no');

			}

		});

	});

</script>

</body>

</html>

　2、php页面  a.php

<?php

$data=$_GET;

$num1=$data['num1'];

$num2=$data['num2'];

$select=$data['select'];

if(is_numeric($num1) && is_numeric($num2)){

	switch($select){

		case '+':

			$result=$num1+$num2;break;

		case '-':

			$result=$num1-$num2;break;

		case '*':

			$result=$num1*$num2;break;

		case '/':

			$result=$num1/$num2;break;

	}

}

echo json_encode($result);

　　

随机推荐

  1. Kotlin——从无到有系列教程（5）： 你该知道的Kotlin可空类型、空安全（null）、类型转换等特性

    在我们熟知的Java中,定义一个变量可以默认不赋值,因为Java的系统会给我们默认赋一个默认值,并且Java可定义一个赋值为null的变量,这样在使用这个变量的时候都会去显示判断该变量是否为null. ...

  2. Pandas系列之入门篇

    Pandas系列之入门篇 简介 pandas 是 python用来数据清洗.分析的包,可以使用类sql的语法方便的进行数据关联.查询,属于内存计算范畴, 效率远远高于硬盘计算的数据库存储.另外pand ...

  3. naturalWidth 与 naturalHeight

    在HTML 5中,新增加了两个用来判断图片的宽度和高度的属性(图片原始大小),分别为 naturalWidth 和naturalHeight属性,例子如下: 注意问题: - 图片没有加载的时候 值为0 ...

  4. 常见查找算法之php, js,python版

    常用算法 >>>1. 顺序查找, 也叫线性查找, 它从第一个记录开始, 挨个进行对比, 是最基本的查找技术 javaScript 版顺序查找算法: // 顺序查找(线性查找) 只做找 ...

  5. laravel 生成 key

    把 .env.example 文件 复制并重命名为 .env 文件 命令行运行 php artisan key:generate php artisan key:generate

  6. bzoj:1584: [Usaco2009 Mar]Cleaning Up 打扫卫生

    Description 有N头奶牛,每头那牛都有一个标号Pi,1 <= Pi <= M <= N <= 40000.现在Farmer John要把这些奶牛分成若干段,定义每段的 ...

  7. GDKOI2016 游记

    2016.2.19~2.15强行广州koi被虐…… DAY 0 19日下午到达,第六次入住中大西苑宾馆,怂逼抽签抽中外交大使特殊职位,然后就一边看<死神>一边等石门两位室友啦.必须吐槽宾馆 ...

  8. bzoj:1673 [Usaco2005 Dec]Scales 天平

    Description Farmer John has a balance for weighing the cows. He also has a set of N (1 <= N <= ...

  9. HDU 1248 寒冰王座(完全背包裸题)

    寒冰王座 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Total Submi ...

  10. LNMP环境的搭建

    http://blog.csdn.net/wzy_1988/article/details/8438355#