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. islider结合react的简单实用

    我用islider都是结合react来使用,主要运用在移动端,做首页轮播图,或者是手机图片预览,左右滑动 首先需要 npm install islider.js --save 让后在jsx文件头部引入 ...

  2. 从Unity中的Attribute到AOP(五)

    今天主要来讲一下Unity中带Menu的Attribute. 首先是AddComponentMenu.这是UnityEngine命名空间下的一个Attribute. 按照官方文档的说法,会在Compo ...

  3. Django源码分析之程序执行入口分析

    一般我们开启一个django项目,最简单的方法是进入project 目录,这时目录结构是这样的 然后我们执行python manage.py runserver,程序就开始执行了. 那django是如 ...

  4. 第一次写博客，就写如何向外行介绍自己做的是什么，那个我是做web的

    如果想外行问你是做什么的,改如何回答.和内行说java后台就可以了,但外行听不懂,我们该如何描述呢? 我的方法是:我做的是java web开发,不是内外的外,是个英文单词web,全名叫world wi ...

  5. 我的第三个网页制作：b、i、s、u、sub、sup标签的使用

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  6. c语言基础学习02_windows系统下的cmd命令

    =============================================================================注意:cmd的命令很多,需要用的时候可以查询即 ...

  7. js onclick传递 对象

    在html onclick中如果参数直接传递一个参数js会报错. 如果想要onclick传递参数需要这么做: var user = {id:1, name:'hk'}; var ele = '< ...

  8. hbase安装版本

    Hbase的安装部署,依赖HDFS,Zookeeper-3.4.5,jDK1.7以上,Hadoop-2.5.0以上

  9. centos7下安装mysql5.7.17

    约定:本文基于Centos7,Mysql5.7.17,经过博主多次测试成功 1.下载mysql.tar.gz 官网下载MySQL安装包,Linux-Generic 64位(根据系统选择64or32) ...

  10. [翻译]HTML5 - 会话历史和导航

            原文为:https://w3c.github.io/html/browsers.html#session-history-and-navigation 一.浏览上下文的会话历史记录 浏 ...