1、html页面  a.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. 	<meta charset="UTF-8">
  5. 	<title>calculate</title>
  6. </head>
  7. <body>
  8.               <input type = "text" name="num1" id="num1">
  9.               <select name = "select" id="select">
  10.                      <option value="+" >+</option>
  11.                      <option value="-" >-</option>
  12.                      <option value="*" >*</option>
  13.                      <option value="/" >/</option>
  14.               </select>
  15.               <input type = "text" name="num2" id="num2" >
  16.               <input type = "submit" name = "submit" id="submit" value="=">
  17.               <input type = "text" name="result" id='result' placeholder="结果显示">
  18. <script src="jquery.min.js"></script>
  19. <script type="text/javascript">
  20. 	$('#submit').click(function(){
  21. 		var data={'num1':$('#num1').val(),'num2':$('#num2').val(),'select':$("#select").val()};
  22. 		$.ajax({
  23. 			type:'get',
  24. 			url:'a.php',
  25. 			data:data,
  26. 			dataType:'json',
  27. 			success:function(data){
  28. 			$('#result').val(data);
  29. 			},
  30. 			error:function(error){
  31. 				alert('no');
  32. 			}
  33. 		});
  34. 	});
  35. </script>
  36.  
  37. </body>
  38. </html>

　2、php页面  a.php

  1. <?php
  2. $data=$_GET;
  3. $num1=$data['num1'];
  4. $num2=$data['num2'];
  5. $select=$data['select'];
  6. if(is_numeric($num1) && is_numeric($num2)){
  7. 	switch($select){
  8. 		case '+':
  9. 			$result=$num1+$num2;break;
  10. 		case '-':
  11. 			$result=$num1-$num2;break;
  12. 		case '*':
  13. 			$result=$num1*$num2;break;
  14. 		case '/':
  15. 			$result=$num1/$num2;break;
  16. 	}
  17. }
  18.  
  19. echo json_encode($result);

　　

随机推荐

  1. 大白话说Java泛型（一）：入门、原理、使用

    文章首发于[博客园-陈树义],点击跳转到原文<大白话说Java泛型(一):入门.原理.使用> 远在 JDK 1.4 版本的时候,那时候是没有泛型的概念的.当时 Java 程序员们写集合类的 ...

  2. Django--进阶--中间件的使用

    - 中间件是什么? 中间件是一个钩子框架,它们可以介入Django 的请求和响应处理过程.它是一个轻量级.底层的“插件”系统,用于在全局修改Django 的输入或输出. 每个中间件组件负责完成某个特定 ...

  3. 大话命令之--ss

    大话命令之-ss ss是Socket Statistics的缩写.顾名思义,ss命令可以用来获取socket统计信息,它可以显示和netstat类似的内容. 优势: (1)显示更多更详细的有关TCP和 ...

  4. 企业信息化快速开发平台--JeeSite

    JeeSite是在Spring Framework基础上搭建的一个Java基础开发平台,以Spring MVC为模型视图控制器,MyBatis为数据访问层, Apache Shiro为权限授权层,Eh ...

  5. 学习 node.js 搭建web服务器

    开始 学习使用 node.js 首先完成搭建一个 web服务器.myweb.js var http = require('http'); var url = require('url'); var h ...

  6. kafka Topic 与 Partition

    Topic在逻辑上可以被认为是一个queue队列,每条消息都必须指定它的topic,可以简单理解为必须指明把这条消息放进哪个queue里.为 了使得Kafka的吞吐率可以水平扩展,物理上把topic分 ...

  7. awvs的用法

    awvs中的new scan新加一个漏洞扫描任务,web scanner是扫描漏洞的,我们可以看见高危到low的漏洞 awvs中的site Crawler是爬虫,他可以帮我们爬虫网站目录 awvs中的 ...

  8. web前端性能优化总结

    网站的划分一般为二:前端和后台.我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等.而前端呢?其实应该是属于功能的表现.并且影响用户访问体验的绝大部分来自前端页面 ...

  9. SPRINGBOOT 读书笔记

    Spring基础 Spring的发展 xml配置 注解配置 Java配置 Spring模块:核心容器 AOP 消息 web 数据访问集成 常用的:@Component @Service @Reposi ...

  10. HDU 1159 Common Subsequence【dp+最长公共子序列】

    Common Subsequence Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Other ...