1、编写输入页面；//demo.html<html><head> <meta charset="utf-8"> <title>获取汇率</title></head><body style="margin-bottom: 10px;"> <P>基本货币:<input type="text" id="basicCoin" name="basicCoin"/>==> <input type="text" id="changeCoin" name="changeCoin"/> <input type="button" id="btn" name="btn" value="提交" onclick="req_server()"/></P> <P id="result"></P> <script> function req_server(){ //获取基本货币 var basicCoin=document.getElementById("basicCoin").value; //获取兑换货币 var changeCoin=document.getElementById("changeCoin").value; var xmlhttp; //创建XMLHttpRequest对象 if (window.XMLHttpRequest){ xmlhttp=new XMLHttpRequest(); }else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } //设置请求类型,请求地址 xmlhttp.open("GET","deal.php?basicCoin="+basicCoin+"&changeCoin="+changeCoin,true); //发送请求至服务器 xmlhttp.send(); //处理onreadystatechange事件 xmlhttp.onreadystatechange=function() { //结果处理 if (xmlhttp.readyState==4 && xmlhttp.status==200){ var data= eval("("+xmlhttp.responseText+")"); alert(data.status); if(data.status=="ok"){ document.getElementById("result").innerHTML="兑换汇率为："+data.ret; }else{ document.getElementById("result").innerHTML="处理错误！请检查！"; } } } } </script></body></html>
2、运行效果：
4、点击进行测试，效果如下：
