本文共 2955 字,大约阅读时间需要 9 分钟。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns=""> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="js/jquery-1.6.2.js"></script> <script> $(function(){ // 方法定义 var $methodDefine = { "calcInstallmentInfo" : { "reqparam" : ["REQUEST1","REQUEST2","REQUEST3"], "resparam" : ["RESPONSE1","RESPONSE2"], "defvalue" : ["1","2","3"] } };//
var $currentMethod; // var $url = ""; // $("#divButton").hide(); // $("#selectMethod").val(""); // $("#txtUrl").val($url); // $("#selectMethod").change(function(){ $currentMethod = $(this).attr("value"); // alert($currentMethod);// remove all input object
$("#divRequestParameters").empty(); $("#divResponseParameters").empty(); $("#divButton").hide(); //alert($methodDefine); //alert(eval("$methodDefine." + $currentMethod)); if($currentMethod != null && $currentMethod != ""){ var reqparams = eval("$methodDefine." + $currentMethod + ".reqparam"); var resparams = eval("$methodDefine." + $currentMethod + ".resparam"); var defvalues = eval("$methodDefine." + $currentMethod + ".defvalue"); // reqparam $("#divRequestParameters").append("Request:<br/>"); for(i = 0; i < reqparams.length; i++){ $("#divRequestParameters").append(reqparams[i] + ": <input id='" + reqparams[i] + "' value='" + defvalues[i] + "' /><br/>"); } // resparam $("#divRequestParameters").append("Response:<br/>"); for(i = 0; i < resparams.length; i++){ $("#divResponseParameters").append(resparams[i] + ": <input id='" + resparams[i] + "' /><br/>"); } // button $("#divButton").show(); } }); // clean $("#btnClean").click(function(){ $("input:not(#txtUrl)").attr("value",""); }); // reset $("#btnReset").click(function(){ var reqparams = eval("$methodDefine." + $currentMethod + ".reqparam"); var defvalues = eval("$methodDefine." + $currentMethod + ".defvalue"); // reqparam for(i = 0; i < reqparams.length; i++){ $("#" + reqparams[i]).val(defvalues[i]); } // $("#txtUrl").val($url); }); // submit $("#btnSubmit").click(function(){ var params = "{"; var reqparams = eval("$methodDefine." + $currentMethod + ".reqparam"); for(i = 0; i < reqparams.length; i++){ if(i!=0) params += ","; params += "'" + reqparams[i] + "':'" + $("#" + reqparams[i]).val() + "'"; } params += "}"; //alert(params); $.get( $("#txtUrl").val(), params, function(data){ alert(data); }, null ); $.post( $("#txtUrl").val(), params, function(data){ alert(data); }, "json" ); }); }); </script> </head> <body> <div id="divSelectMethod"> <select id="selectMethod"> <option value="">Please select a method!</option> <option value="calcInstallmentInfo">calcInstallmentInfo</option> </select> </div> <div id="divRequestParameters"> </div> <div id="divResponseParameters"> </div> <div id="divButton"> URL: <input id="txtUrl" value="" style="width: 500px;" /> <br/> <button id="btnClean">清空</button> <button id="btnReset">重置</button> <button id="btnSubmit">提交</button> </div> </body> </html>转载地址:http://mhyoi.baihongyu.com/