无刷新实现不同货币值之间的转换

1.通过创建XMLHTTP对象，向服务器发出一个请求并得到服务器返回的数据，这样页面就不会刷新了。

首先在服务器端创建一个货币转换程序(一般处理程序ashx)：

context.Response.ContentType = "text/plain"; //amount：人民币值 int amount = Convert.ToInt32(context.Request["amount"]); string moneytype = context.Request["moneytype"]; if (moneytype == "1") //美元 { context.Response.Write(amount/7); } else if (moneytype == "2")//日元 { context.Response.Write(amount * 10); } else if (moneytype == "3")//港币 { context.Response.Write(amount/9*10); } else { throw new Exception("无效的moneytype：" + moneytype); }

然后在前台页面写Javascript函数：

function btnCalc_onclick() { var amount=$("#txtRMB").val(); var moneytype=$("#moneytype").val(); //创建XMLHTTP对象，相当于WebClient var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); if(!xmlhttp){ alert("创建xmlhttp对象异常！"); return false; } //准备向服务器的GetDate.ashx发出Post请求 //xmlhttp.open("POST","GetDate.ashx",false); xmlhttp.open("GET","/"+encodeURI("汇率转换")+"/HuiLv.ashx?time="+new Date()+"&amount="+amount+ "&moneytype="+moneytype,false); //XMLHTTP默认（也推荐）不是同步请求的，也就是open方法并不像WebClient的DownloadString //那样把服务器返回的数据拿到才返回，是异步的，因此需要监听onreadystatechange事件 xmlhttp.onreadystatechange=function(){ if(xmlhttp.readyState==4){//服务器完成 if(xmlhttp.status==200){//如果状态吗为200表示成功 //responseText属性为服务器返回的文本 $("#txtNew").val(xmlhttp.responseText); } else{ alert("AJAX服务器返回错误！"); } } } //此时才开始发送请求 xmlhttp.send(); }

2.JQuery中提供了简化ajax使用的方法，。$.ajax()函数是JQuery中提供的
ajax访问函数，$.post()是对$.ajax()的post方式提交ajax查询的封装，
$.get()是对$.ajax()的get方式提交ajax查询的封装。推荐用post方式，因
为post方式没有缓存的问题。
如果有请求参数则在第二个参数用字典方式来设置。
$.post("GetDate1.ashx", {"id":"2"},function(data, textStatus){});

下面是JQuery版的实现货币转换：

function Button1_onclick() { var amount=$("#txtRMB").val(); var moneytype=$("#moneytype").val(); $.post("/"+encodeURI("汇率转换")+"/HuiLv.ashx", {"amount":amount,"moneytype":moneytype}, function(data,textStatus){ if(textStatus=="success"){ $("#txtDate").val(data); } else{ alert("AJAX服务器返回错误！"); } }); }