首页 / AJAX / $.ajax()实现简单计算器

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了$.ajax()实现简单计算器，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1463字，纯文字阅读大概需要3分钟。

内容图文

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

原文：http://www.cnblogs.com/yolo-bean/p/7725852.html

内容总结

以上是互联网集市为您收集整理的$.ajax()实现简单计算器全部内容，希望文章能够帮你解决$.ajax()实现简单计算器所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1110715.html

来源：【匿名】