Ajax实例一：利用服务器计算

HTML代码

//输入两个数
<input id="number1" type="number">
<input id="number2" type="number">//查询按钮
<button onclick="askServer()">Ask the Server</button>//返回结果显示区
<p id="result"></p>

JavaScript代码

//创建一个XMLHttpRequest对象实例
var req = new XMLHttpRequest();function askServer() {//获取两个值var number1 = document.getElementById("number1").value;var number2 = document.getElementById("number2").value;//构建查询字符串var dataToSend = "?number1=" + number1 + "&number2=" + number2;//发送请求req.open("GET", "WebCalculator.php" + dataToSend, true);//监控程序等待远程主机做出回应req.onreadystatechange = handleServerResponse;req.send();document.getElementById("result").innerHTML = "The request has been sent.";
}function handleServerResponse() {if ((req.readyState == 4) && (req.status == 200))//数据已经接收完毕且正常{var result = req.responseText;//把响应文本赋值给resultdocument.getElementById("result").innerHTML = "The answer is: " + result;}
}

服务器端代码:WebCalculator.php


<?php$num1 = $_GET['number1'];$num2 = $_GET['number2'];
echo ($num1 + $num2);
?>

转载于:https://www.cnblogs.com/YeChing/p/6339331.html

Ajax实例一：利用服务器计算相关推荐

fluent日志文件提交服务器计算,利用云服务器计算fluent
利用云服务器计算fluent 内容精选换一换创建一台按需弹性云服务器.弹性云服务器创建完成后,如需开启自动恢复功能,可以调用配置云服务器自动恢复的接口,具体使用请参见管理云服务器自动恢复动作.该接 ...
python计算csv文件内的数据_Python利用pandas计算多个CSV文件数据值的实例
功能:扫描当前目录下所有CSV文件并对其中文件进行统计,输出统计值到CSV文件 pip install pandas import pandas as pd import glob,os,sys in ...
python ks值计算_利用Python计算KS的实例详解
在金融领域中,我们的y值和预测得到的违约概率刚好是两个分布未知的两个分布.好的信用风控模型一般从准确性.稳定性和可解释性来评估模型.sOf免费资源网一般来说.好人样本的分布同坏人样本的分布应该是有很 ...
ajax优缺点及原理,Ajax实例解析，异步机制以及优缺点
Ajax实例解析 1.Ajax读取一个xml文档并进行解析的实例: 服务器端(PHP): 客户端: var ajax = new XMLHttpRequest(); function sendMess ...
Ajax学习总结（1）——Ajax实例讲解与技术原理
摘要:AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.AJAX 是一种用 ...
无服务器计算：云计算的下一阶段
本文翻译自美国计算机协会通讯杂志(Communications of ACM,CACM)近期的一篇文章(May 2021, Vol. 64 No. 5, Pages 76-84).该文阐述了对无服务器 ...
Ajax实例讲解与技术原理
林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 摘要:AJAX即"Asynchronous Javascript And XML&q ...
python批量爬取小网格区域坐标系_Python爬虫实例_利用百度地图API批量获取城市所有的POI点...
上篇关于爬虫的文章,我们讲解了如何运用Python的requests及BeautifuiSoup模块来完成静态网页的爬取,总结过程,网页爬虫本质就两步: 1.设置请求参数(url,headers,co ...
ajax入门实例代码,AJAX、AJAX实例及AJAX源代码
AJAX.AJAX实例及AJAX源代码作者:佚名来源:CNZZ 2008-1-4 AJAX介绍 AJAX 关键词: JavaScript脚本和可扩展标记语言(XML) WEB浏览器技术开放式WE ...

Ajax实例一：利用服务器计算

Ajax实例一：利用服务器计算

Ajax实例一：利用服务器计算相关推荐

最新文章

热门文章