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. api接口写好了?想过(Accept,Content-Type)?返回类型json|xml?

    api接口写好了?想过(Accept,Content-Type)?返回类型json|xml? 起因: - A,B. A调用B提供的api接口. - A:为毛你的接口返回的是xml格式的(浏览器访问)? ...

  2. 【Java】CAS的乐观锁实现之AtomicInteger源码分析

    1. 悲观锁与乐观锁 我们都知道,cpu是时分复用的,也就是把cpu的时间片,分配给不同的thread/process轮流执行,时间片与时间片之间,需要进行cpu切换,也就是会发生进程的切换.切换涉及 ...

  3. Nginx的虚拟服务器域名配置

    虚拟服务器名(server name)是通过指令server_name来指定的.在< Nginx是如何处理Request的?>一节中,我们讲到nginx分两步来匹配过来的Request请求 ...

  4. LVS三种模式分析（超详细）

    1.DR模式:(Direct Routing)直接路由模式 DR模式的网络拓扑: DR模式的工作过程: 1.当一个client发送一个WEB请求到VIP,LVS服务器根据VIP选择对应的real-se ...

  5. keepalived配置文件详解（2）

    全局配置 global_defs { notification_email { #指定keepalived在发生切换时需要发送email到的对象,一行一个邮件地址 xuequn@.com } noti ...

  6. Gradient Boosted Regression

    3.2.4.3.6. sklearn.ensemble.GradientBoostingRegressor class sklearn.ensemble.GradientBoostingRegress ...

  7. Object.prototype.toString.call()方法浅谈

    使用Object.prototype上的原生toString()方法判断数据类型,使用方法如下: Object.prototype.toString.call(value) 1.判断基本类型: Obj ...

  8. CTF---密码学入门第三题 奇怪的短信

    奇怪的短信分值:10 来源: Ayn 难度:易 参与人数:5117人 Get Flag:2623人 答题人数:2858人 解题通过率:92% 收到一条奇怪的短信: 335321414374744361 ...

  9. 【批处理学习笔记】第十二课：常用DOS命令（2）

    文件管理type 显示文本文件的内容.copy 将一份或多份文件复制到另一个位置.del 删除一个或数个文件.move 移动文件并重命名文件和目录.(Windows XP Home Edition中没 ...

  10. [51nod1614]刷题计划

    大赛将至,摆在你面前的是n道题目,第 i(1 ≤ i ≤ n) 道题目能提升 ai 点智力值,代码量为 bi KB,无聊值为 ci ,求至少提升m点智力值的情况下,所做题目代码量之和*无聊值之和最小为 ...