采用juery实现AJAX
<html> <head> <title>jQuery Ajax 实例演示5</title> </head> <mce:script src="./js/jquery.js" mce_src="js/jquery.js" type="text/javascript" language="javascript"></mce:script> <mce:script type ="text/javascript" language ="javascript"><!-- var gScenarioParameterArray = new Array("scenario_id","scenario_name","scenario_x","scenario_y", "scenario_unit_num","szunit_id","szunit_dimmerlight","szunit_openon"); var gUnitParameterArray = new Array("zunit_id","zunit_type","zunit_name","zunit_x","zunit_y","zunit_dimmerlight", "zunit_openon","zunit_holdstop","zunit_temperature","zunit_speed","zunit_volume", "zunit_channel","zunit_mute","schedule_sun","schedule_mon","schedule_tue","schedule_wed", "schedule_thu","schedule_fri","schedule_sat"); function zwave_unit(zunit_id,zunit_type,zunit_name,zunit_x,zunit_y,zunit_dimmerlight, zunit_openon,zunit_holdstop,zunit_temperature,zunit_speed,zunit_volume, zunit_channel,zunit_mute,schedule_sun,schedule_mon,schedule_tue,schedule_wed, schedule_thu,schedule_fri,schedule_sat ) { this.zunit_id=zunit_id this.zunit_type=zunit_type this.zunit_name=zunit_name this.zunit_x=zunit_x this.zunit_y=zunit_y this.zunit_dimmerlight=zunit_dimmerlight this.zunit_openon=zunit_openon this.zunit_holdstop=zunit_holdstop this.zunit_temperature=zunit_temperature this.zunit_speed=zunit_speed this.zunit_volume=zunit_volume this.zunit_channel=zunit_channel this.zunit_mute=zunit_mute this.schedule_sun=schedule_sun this.schedule_mon=schedule_mon this.schedule_tue=schedule_tue this.schedule_wed=schedule_wed this.schedule_thu=schedule_thu this.schedule_fri=schedule_fri this.schedule_sat=schedule_sat } function zwave_scenario(scenario_id,scenario_name,scenario_x,scenario_y,scenario_unit_num,scenario_unit_array) { this.scenario_id=scenario_id this.scenario_name=scenario_name this.scenario_x=scenario_x this.scenario_y=scenario_y this.scenario_unit_num=scenario_unit_num this.scenario_unit_array=scenario_unit_array } function zwave_scenario_unit(szunit_id,szunit_dimmerlight,szunit_openon) { this.szunit_id=szunit_id this.szunit_dimmerlight=szunit_dimmerlight this.szunit_openon=szunit_openon } var gzwaveScenario = new zwave_scenario(); var currentScenarioUnitArray = new Array(); $(document).ready ( function() { //for changing name $("#button_change_name").mousedown ( function(){ change_name(); } ); //for changing coordination $("#button_change_coordination").mousedown ( function(){ change_coordination(); } ); //for changing openon $("#button_change_openon").mousedown ( function(){ change_openon(); } ); //for test scenario $("#button_test_scenario").mousedown ( function(){ test_scenario(); } ); //for test scenario $("#button_test_unit").mousedown ( function(){ test_unit(); } ); } ); function change_name() { var zunit_name = $("#zunit_name").val(); var zunit_id = 1; $.ajax ({ type: "post", url : "abc", dataType:'text', data: 'zunit_id'+zunit_id+'&zunit_name='+zunit_name, success: function(json){ $('#name').html(json); } }); } function change_coordination() { var zunit_x = $("#zunit_x").val(); var zunit_y = $("#zunit_y").val(); var zunit_id = 1; $.ajax ({ type: "post", url : "login.asp", dataType:'text', data: 'zunit_id'+zunit_id+'&zunit_x='+zunit_x+'&zunit_y='+zunit_y, success: function(json){ $('#coordination').html(json); } }); } function change_openon() { var zunit_openon = 1; var zunit_id = 1; $.ajax ({ type: "post", url : "login.asp", dataType:'text', data: 'zunit_id'+zunit_id+'&zunit_openon='+zunit_openon, success: function(json){ $('#openon').html(json); } }); } function test_scenario() { var zunit_openon = 1; var zunit_id = 1; $.ajax ({ type: "post", url : "login.asp", dataType:'text', data: 'zunit_id'+zunit_id+'&zunit_openon='+zunit_openon, success: function(json){ alert(json); var x; var scenarioTmp = json.split("&"); var scenarioUnitIndex = 0; var tmp1,tmp2,tmp3; gzwaveScenario.scenario_unit_array = new Array(); for (x in scenarioTmp) { var scenarioTmpTmp = scenarioTmp[x].split("="); if( ( gScenarioParameterArray[0].indexOf(scenarioTmpTmp[0])==0 ) && ( scenarioTmpTmp[0].indexOf(gScenarioParameterArray[0])==0 ) )//Get scenario_id { gzwaveScenario.scenario_id = scenarioTmpTmp[1]; } if( ( gScenarioParameterArray[1].indexOf(scenarioTmpTmp[0])==0 ) && ( scenarioTmpTmp[0].indexOf(gScenarioParameterArray[1])==0 ) )//Get scenario_name { gzwaveScenario.scenario_name = scenarioTmpTmp[1]; } if( ( gScenarioParameterArray[2].indexOf(scenarioTmpTmp[0])==0 ) && ( scenarioTmpTmp[0].indexOf(gScenarioParameterArray[2])==0 ) )//Get scenario_x { gzwaveScenario.scenario_x = scenarioTmpTmp[1]; } if( ( gScenarioParameterArray[3].indexOf(scenarioTmpTmp[0])==0 ) && ( scenarioTmpTmp[0].indexOf(gScenarioParameterArray[3])==0 ) )//Get scenario_y { gzwaveScenario.scenario_y = scenarioTmpTmp[1]; } if( ( gScenarioParameterArray[4].indexOf(scenarioTmpTmp[0])==0 ) && ( scenarioTmpTmp[0].indexOf(gScenarioParameterArray[4])==0 ) )//Get scenario_unit_num { gzwaveScenario.scenario_unit_num = scenarioTmpTmp[1]; } ///* if( ( gScenarioParameterArray[5].indexOf(scenarioTmpTmp[0])==0 ) && ( scenarioTmpTmp[0].indexOf(gScenarioParameterArray[5])==0 ) )//Get one unit id { tmp1 = scenarioTmpTmp[1]; } if( ( gScenarioParameterArray[6].indexOf(scenarioTmpTmp[0])==0 ) && ( scenarioTmpTmp[0].indexOf(gScenarioParameterArray[6])==0 ) )//Get one unit szunit_dimmerlight { tmp2 = scenarioTmpTmp[1]; } if( ( gScenarioParameterArray[7].indexOf(scenarioTmpTmp[0])==0 ) && ( scenarioTmpTmp[0].indexOf(gScenarioParameterArray[7])==0 ) )//Get one unit szunit_openon { tmp3 = scenarioTmpTmp[1]; var scenarioUnitTmp = new zwave_scenario_unit(tmp1,tmp2,tmp3); gzwaveScenario.scenario_unit_array[scenarioUnitIndex] = scenarioUnitTmp; scenarioUnitIndex += 1; } //*/ } $('#openon').html(gzwaveScenario.scenario_id+"="+gzwaveScenario.scenario_name+"="+gzwaveScenario.scenario_x+"="+gzwaveScenario.scenario_y+"="+gzwaveScenario.scenario_unit_num+"="+gzwaveScenario.scenario_unit_array[0].szunit_id+"="+gzwaveScenario.scenario_unit_array[0].szunit_dimmerlight+"="+gzwaveScenario.scenario_unit_array[0].szunit_openon+"="+gzwaveScenario.scenario_unit_array[1].szunit_id+"="+gzwaveScenario.scenario_unit_array[1].szunit_dimmerlight+"="+gzwaveScenario.scenario_unit_array[1].szunit_openon+"=length"+gzwaveScenario.scenario_unit_array.length); } }); } function test_unit() { var scenario_id = 1; $.ajax ({ type: "post", url : "login_unit.asp", dataType:'text', data: 'scenario_id'+scenario_id, success: function(json){ alert(json); var x; var unitTmp = json.split("&"); var unitIndex = 0; var tmpZunitId,tmpZunitType,tmpZunitName,tmpZunitX,tmpZunitY,tmpZunitDimmerlight; var tmpZunitOpenon,tmpZunitHoldstop,tmpZunitTemperature,tmpZunitSpeed,tmpZunitVolume; var tmpZunitChannel,tmpZunitMute,tmpScheduleSun,tmpScheduleMon,tmpScheduleTue,tmpScheduleWed; var tmpScheduleThu,tmpScheduleFri,tmpScheduleSat; for (x in unitTmp) { var unitTmpTmp = unitTmp[x].split("="); if( ( gUnitParameterArray[0].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[0])==0 ) )//Get unit id { tmpZunitId = unitTmpTmp[1]; } if( ( gUnitParameterArray[1].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[1])==0 ) )//Get unit type { tmpZunitType = unitTmpTmp[1]; } if( ( gUnitParameterArray[2].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[2])==0 ) )//Get unit name { tmpZunitName = unitTmpTmp[1]; } if( ( gUnitParameterArray[3].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[3])==0 ) )//Get unit x { tmpZunitX = unitTmpTmp[1]; } if( ( gUnitParameterArray[4].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[4])==0 ) )//Get unit y { tmpZunitY = unitTmpTmp[1]; } if( ( gUnitParameterArray[5].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[5])==0 ) )//Get unit dimmerlight { tmpZunitDimmerlight = unitTmpTmp[1]; } if( ( gUnitParameterArray[6].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[6])==0 ) )//Get unit openon { tmpZunitOpenon = unitTmpTmp[1]; } if( ( gUnitParameterArray[7].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[7])==0 ) )//Get unit holdstop { tmpZunitHoldstop = unitTmpTmp[1]; } if( ( gUnitParameterArray[8].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[8])==0 ) )//Get unit temperature { tmpZunitTemperature = unitTmpTmp[1]; } if( ( gUnitParameterArray[9].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[9])==0 ) )//Get unit speed { tmpZunitSpeed = unitTmpTmp[1]; } if( ( gUnitParameterArray[10].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[10])==0 ) )//Get unit volume { tmpZunitVolume = unitTmpTmp[1]; } if( ( gUnitParameterArray[11].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[11])==0 ) )//Get unit channel { tmpZunitChannel = unitTmpTmp[1]; } if( ( gUnitParameterArray[12].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[12])==0 ) )//Get unit mute { tmpZunitMute = unitTmpTmp[1]; } if( ( gUnitParameterArray[13].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[13])==0 ) )//Get schedule sun { tmpScheduleSun = unitTmpTmp[1]; } if( ( gUnitParameterArray[14].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[14])==0 ) )//Get schedule mon { tmpScheduleMon = unitTmpTmp[1]; } if( ( gUnitParameterArray[15].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[15])==0 ) )//Get schedule tue { tmpScheduleTue = unitTmpTmp[1]; } if( ( gUnitParameterArray[16].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[16])==0 ) )//Get schedule wed { tmpScheduleWed = unitTmpTmp[1]; } if( ( gUnitParameterArray[17].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[17])==0 ) )//Get schedule thu { tmpScheduleThu = unitTmpTmp[1]; } if( ( gUnitParameterArray[18].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[18])==0 ) )//Get schedule fri { tmpScheduleFri = unitTmpTmp[1]; } if( ( gUnitParameterArray[19].indexOf(unitTmpTmp[0])==0 ) && ( unitTmpTmp[0].indexOf(gUnitParameterArray[19])==0 ) )//Get schedule sat { tmpScheduleSat = unitTmpTmp[1]; var unitTmpTmpTmp = new zwave_unit(tmpZunitId,tmpZunitType,tmpZunitName,tmpZunitX,tmpZunitY,tmpZunitDimmerlight,tmpZunitOpenon,tmpZunitHoldstop,tmpZunitTemperature,tmpZunitSpeed,tmpZunitVolume,tmpZunitChannel,tmpZunitMute,tmpScheduleSun,tmpScheduleMon,tmpScheduleTue,tmpScheduleWed,tmpScheduleThu,tmpScheduleFri,tmpScheduleSat); currentScenarioUnitArray[unitIndex] = unitTmpTmpTmp; unitIndex += 1; } } $('#openon').html("="+currentScenarioUnitArray[0].zunit_type+"="+currentScenarioUnitArray[0].schedule_sat+"="+currentScenarioUnitArray[1].zunit_type+"="+currentScenarioUnitArray[1].schedule_sat); } }); } // --></mce:script> <body> <div id="name" style="background:orange;border:1px solid red;width:350px;height:20px;"></div> <div id="coordination" style="background:orange;border:1px solid red;width:350px;height:20px;"></div> <div id="openon" style="background:orange;border:1px solid red;width:350px;height:20px;"></div> <form id="formtestmodify" action="" method="post"> <p><span>Input new name:</span><input type="text" name="zunit_name" id="zunit_name" /></p> <p><span>Input x:</span><input type="text" name="zunit_x" id="zunit_x" /></p> <p><span>Input y:</span><input type="text" name="zunit_y" id="zunit_y" /></p> </form> <button id="button_change_name">change name</button> <button id="button_change_coordination">change coordination</button> <button id="button_change_openon">openon</button> <button id="button_test_scenario">get all scenario setting</button> <button id="button_test_unit">get current scenario unit info</button> </body> </html>
<% write("scenario_id=1&scenario_name=abc&scenario_x=12&scenario_y=34&scenario_unit_num=2&szunit_id=1&szunit_dimmerlight=3&szunit_openon=true&szunit_id=2&szunit_dimmerlight=4&szunit_openon=false"); %>
