$.ajax()实现简单计算器

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);

随机推荐

[汇编与C语言关系]3&period; 变量的存储布局
以下面C程序为例: #include <stdio.h> ; ; ; int c; int main(void) { ; char b[] = "Hello World&quot ...
linux bash &amp&semi; profile &amp&semi;bash&lowbar;profile 小结
login 方式:: su - oracle 依次 /etc/bash.bashrc———— /home/$user/.bashrc ———— /ect/profile ———— /home/$use ...
mongodb 文件，图片存储数据库
mongodb 文件,图片存储数据库
JAVA中的成员变量与局部变量
package com.imooc; //1.定义一个类 public class Telphone { //2.属性(成员变量)有什么 float screen; float cpu; float ...
javaWEB总结(15)&colon;jsp指令&lowbar;page指令
jsp指令 jsp指令是为jsp引擎设计的.他们并不直接产生任何可见输出,而只是告诉引擎如何处理jsp页面的其余部分. 目前定义了page,include和taglib这三种指令. page指令 (1 ...
Media Player Classic - HC 源代码分析 2：核心类（CMainFrame）（1）
===================================================== Media Player Classic - HC 源代码分析系列文章列表: Media P ...
数据库CRUD操作以及MyBatis的配置使用
• 业务字段设计 • 数据库创建 • CRUD操作 • MyBatis集成 • 注解和XML定义 • ViewObject和DateTool • 首页开发 • 业务字段设计实体: name: ...
JS页面跳转代码怎么写&quest;总结了5种方法
我们在建站时有些链接是固定的,比如客服咨询链接,一般是第三方url,如果直接加上去不太专业,那么就想着用站内的页面做跳转,跳转用js比较多,那么JS页面跳转代码怎么写呢?ytkah在网上搜索了一下,大 ...
TCP连接与OKHTTP复用连接池
Android网络编程(八)源码解析OkHttp后篇[复用连接池] 1.引子在了解OkHttp的复用连接池之前,我们首先要了解几个概念. TCP三次握手通常我们进行HTTP连接网络的时候我们会进行 ...
FPGA学习网站
1. OPENCORES.ORG这里提供非常多,非常好的PLD了内核,8051内核就可以在里面找到.进入后,选择project或者由 http//www.opencores.org/browse.c ...

秒客网

$.ajax()实现简单计算器

随机推荐

相关文章