Microsemi AN1256 Web ຄໍາ​ຮ້ອງ​ສະ​ຫມັກ​ໂຄງ​ການ​

ແນະນຳ

JSON (JavaScript Object Notation) ແມ່ນມາດຕະຖານເປີດ file ຮູບແບບທີ່ໃຊ້ຂໍ້ຄວາມທີ່ມະນຸດອ່ານໄດ້ເພື່ອແລກປ່ຽນຂໍ້ມູນ. ມັນ​ເປັນ​ຮູບ​ແບບ​ຂໍ້​ມູນ​ທົ່ວ​ໄປ​ທີ່​ນໍາ​ໃຊ້​ສໍາ​ລັບ​ການ​ສື່​ສານ​ຂອງ​ຕົວ​ທ່ອງ​ເວັບ / ເຊີບ​ເວີ asynchronous​.
ສໍາລັບໃຫມ່ web ການອອກແບບຫນ້າ, ຮູບແບບ JSON ສາມາດເປັນການທົດແທນຮູບແບບ AJAX ຕົ້ນສະບັບ. ປຽບທຽບກັບ AJAX, ການນໍາໃຊ້ JSON ເຮັດໃຫ້ Web ການ​ປະ​ຕິ​ບັດ​ງ່າຍ​ຂຶ້ນ​ແລະ​ງ່າຍ​ຂຶ້ນ​. ນັກພັດທະນາພຽງແຕ່ຕ້ອງການສຸມໃສ່ web ການອອກແບບຫນ້າແລະ Web ການປະຕິບັດຕົວຈັດການສາມາດຖືກຍົກເລີກເນື່ອງຈາກວິທີການເຂົ້າເຖິງ JSON ໄດ້ຮັບການສະຫນັບສະຫນູນແລ້ວໃນແຕ່ລະ Webໂມດູນຊອບແວ StaX.
ເອກະສານນີ້ບອກຄູ່ມືການຂຽນໂປລແກລມສໍາລັບວິສະວະກອນຊອບແວທີ່ຕ້ອງການພັດທະນາ Web ຫນ້າຜ່ານ JSON. ຂັ້ນ​ຕອນ​ການ​ລາຍ​ລະ​ອຽດ​ແລະ examples ຍັງລວມຢູ່ໃນພາກສ່ວນຕໍ່ໄປນີ້.

ກະແສການເຂົ້າເຖິງຂໍ້ມູນ JSON

ເກີນview
ນີ້ແມ່ນຂັ້ນຕອນການເຂົ້າເຖິງຂໍ້ມູນ JSON ເຊິ່ງການເຊື່ອມຕໍ່ HTTP ແມ່ນເລີ່ມຕົ້ນຈາກລູກຄ້າ(ບຣາວເຊີ). ຕາຕະລາງ HTML ຖືກສ້າງແບບເຄື່ອນໄຫວຕາມຂໍ້ມູນ JOSN ທີ່ໄດ້ຮັບຈາກເຊີຟເວີ (DUT).

ຮູບທີ 1. ກະແສການເຂົ້າເຖິງລະຫວ່າງລູກຄ້າແລະເຄື່ອງແມ່ຂ່າຍ

ຄຳຮ້ອງຂໍ/ຕອບສະໜອງຂໍ້ມູນ JSON
ຊຸດການຮ້ອງຂໍ JSON ແມ່ນອີງໃສ່ວິທີການຕອບຄໍາຮ້ອງຂໍ HTTP ແລະເນື້ອຫາຕ້ອງປະຕິບັດຕາມຮູບແບບ MSCC JSON.

• ຮ້ອງຂໍ syntax JSON:{“ວິທີການ”:” ”,”params”:[ ], “id:”jsonrpc”}
• ຕອບສະໜອງ JSON syntax: {“ຄວາມຜິດພາດ”: , "ຜົນໄດ້ຮັບ": , “id:”jsonrpc”}

ພາບຖ່າຍຕໍ່ໄປນີ້ສະແດງໃຫ້ເຫັນເນື້ອໃນ JSON ລະຫວ່າງຕົວທ່ອງເວັບແລະ DUT.

ຮູບທີ 2. ພາບລວມຂອງການຮ້ອງຂໍ HTTP ຈາກລູກຄ້າ

ຮູບທີ 3. ພາບລວມຂອງການຕອບ HTTP ຈາກເຊີບເວີ

ສະເພາະ MSCC JSON
ເພື່ອໃຫ້ໄດ້ຂໍ້ມູນ JSON ເຕັມຮູບແບບ ລວມທັງວິທີການ, ພາລາມິເຕີ, ລາຍລະອຽດ ແລະ ອື່ນໆ. ພິມ “http://. /json_spec” ໃນແຖບທີ່ຢູ່ຂອງຕົວທ່ອງເວັບຂອງທ່ານ. ມີວິທີການເຂົ້າເຖິງອີກອັນໜຶ່ງໂດຍຜ່ານຊື່ວິທີການ JSON “jsonRpc.status.introspection.specific.inventory.get”, ມັນຖືກນໍາໃຊ້ສໍາລັບວິທີການສະເພາະ.

ຮູບທີ 4. ພາບລວມຂອງຂໍ້ມູນຈໍາເພາະຂອງ JSON web ໜ້າ

Web ກອບ

ໄດ້ Web ກອບໃນ Webຊອບແວ StaX ແມ່ນອີງໃສ່ແຫຼ່ງເປີດ MooTools. ມັນເປັນການລວບລວມຂໍ້ມູນຂອງ JavaScript ທີ່ມີໃບອະນຸຍາດ MIT. (http://mootools.net/license.txt) ແຖບເມນູແລະທີ່ສຸດຂອງ web ຫນ້າແມ່ນອີງໃສ່ກອບ. ທັງສອງ AJAX ແລະ JSON algorithm ແມ່ນປະສົມປະສານແລ້ວໃນຜົນປະໂຫຍດຂອງມັນ.
ນອກຈາກນັ້ນ, Webຊອບແວ StaX ສະຫນອງອຸປະກອນອື່ນໆທີ່ເປັນປະໂຫຍດສໍາລັບ JSON web ການອອກແບບຫນ້າ.

• json.js – ໃຊ້ເພື່ອສົ່ງ/ຮັບຂໍ້ມູນແບບໄດນາມິກດ້ວຍ syntax JSON.
• dynforms.js – ໃຊ້ເພື່ອສ້າງຕາຕະລາງ HTML ແບບໄດນາມິກ.
• validate.js – ໃຊ້ສໍາລັບການກວດສອບແບບຟອມ HTML.

ຫ້ອງສະຫມຸດ JavaScript ເຕັມທີ່ແມ່ນຢູ່ພາຍໃຕ້ໄດເລກະທໍລີຕົ້ນໄມ້ຕົ້ນສະບັບ: webstax2\ vtss_appl\web\html\lib.

ຄໍາແນະນໍາສໍາລັບ JSON Web ການອອກແບບຫນ້າ

ພາກນີ້ແນະນຳວິທີການອອກແບບ a web ຫນ້າໂດຍອີງໃສ່ຫ້ອງສະຫມຸດ MSCC JavaScript. ພວກເຮົາໃຊ້ Mirror global configured web ຫນ້າເປັນ exampທີ່ນີ້. ການສື່ສານແບບ asynchronous ແມ່ນອີງໃສ່ວິທີການເຂົ້າເຖິງ HTTP JSON ແລະພາລາມິເຕີທີ່ກໍາຫນົດຄ່າທົ່ວໂລກທັງຫມົດແມ່ນສະແດງຢູ່ໃນຕາຕະລາງ HTML ແບບໄດນາມິກອັນດຽວ.
ໄດ້ web ການຈັດວາງໜ້າແມ່ນສະແດງຢູ່ລຸ່ມນີ້ ແລະລະຫັດແຫຼ່ງເຕັມແມ່ນຢູ່ພາຍໃຕ້ໄດເລກະທໍລີຕົ້ນໄມ້ແຫຼ່ງ: webstax2\vtss_appl\mirror\html\mirror_ctrl.htm. ເພື່ອໃຫ້ໄດ້ປົກກະຕິຫຼາຍຂຶ້ນ web ການອ້າງອີງໜ້າ, ເບິ່ງພາກຜະໜວກ.

ຕາຕະລາງການຕັ້ງຄ່າກະຈົກ& RMirror

ຮູບທີ 5. Example ຂອງຕາຕະລາງ configured ທົ່ວໂລກ

ແກ້ໄຂ Web ໜ້າ

ສ່ວນຫົວ HTML
ລວມເອົາຫ້ອງສະຫມຸດ JS ທີ່ຕ້ອງການໃນ HTML tag.

ເລີ່ມຕົ້ນຊັບພະຍາກອນຕາຕະລາງແບບໄດນາມິກ

• ເມື່ອເອກະສານ HTML ພ້ອມແລ້ວ, ໃຫ້ໂທຫາ DynamicTable() ເພື່ອເລີ່ມຕົ້ນຊັບພະຍາກອນຕາຕະລາງແບບໄດນາມິກ.
• DynamicTable() ຖືກໃຊ້ເພື່ອສ້າງຕາຕະລາງແບບໄດນາມິກຫຼັງຈາກໄດ້ຮັບຂໍ້ມູນ JSON.
• ຈາກນັ້ນມັນຈະໂທຫາ requestUpdate ເພື່ອລິເລີ່ມຂັ້ນຕອນຄຳສັ່ງ JSON.

1. window.addEvent('domready', function() {
2. // ສ້າງແບບຟອມທີ່ມີເນື້ອໃນຕາຕະລາງສໍາລັບການຮັບ / ສົ່ງຂໍ້ມູນ JSON
3. myDynamicTable = new DynamicTable(“myTableContent”, “config”,”plusRowCtrlBar”);
   4
4. requestUpdate();
5. });

ຄຳຮ້ອງຂໍ/ຕອບສະໜອງຂໍ້ມູນ JSON

• ເມື່ອເອກະສານ HTML ພ້ອມແລ້ວ, ໃຫ້ໃຊ້ requestJsonDoc() ເພື່ອສົ່ງຄຳຮ້ອງຂໍ JSON “mirror.config.session.get” ເພື່ອຮັບເອົາຂໍ້ມູນກ່ຽວກັບເຊດຊັນທີ່ກຳນົດຄ່າໄວ້.
• ຫຼັງຈາກຂໍ້ມູນ JSON ສໍາລັບ “mirror.capabilities.get” ໄດ້ຮັບແລ້ວ, ຟັງຊັນ callback requestUpdate() ຈະຖືກປະມວນຜົນ. ຫຼັງຈາກນັ້ນ, ຟັງຊັນ requestUpdate ຈະໂທຫາ “mirror.config.session.get” ເພື່ອຮັບເອົາການຕັ້ງຄ່າປັດຈຸບັນ. ເມື່ອໄດ້ຮັບການຕັ້ງຄ່າປະຈຸບັນ, ຂະບວນການປັບປຸງຫນ້າທີ່ຈະຖືກເອີ້ນເພື່ອສ້າງຕາຕະລາງທີ່ຈະສະແດງ.

1. function requestUpdate()
2. {
3. // ຟື້ນຟູເນື້ອໃນຕາຕະລາງ
4. myDynamicTable.restore();
   5
5. // ຕາຕະລາງນີ້ສອງຂໍ້ມູນ JSON.
6. requestJsonDoc(“mirror.config.session.get”, null, processUpdate, “config”);
7. }

ປະມວນຜົນຂໍ້ມູນ JSON ທີ່ໄດ້ຮັບ

• function processUpdate() ຖືກໃຊ້ເພື່ອຈັດວາງຕາຕະລາງແບບໄດນາມິກຫຼັງຈາກໄດ້ຮັບຂໍ້ມູນ JSON.
• addRows() ຖືກນໍາໃຊ້ເພື່ອເພີ່ມແຖວຕາຕະລາງ. myDynamicTable.update() ຈັດວາງ
  ຕາຕະລາງ HTML ຕາມຂໍ້ມູນໃນແຖວຕາຕະລາງ.

1. function processUpdate(recv_json, ຊື່)
2. {
3. // ບໍ່ສົນໃຈຂະບວນການຖ້າບໍ່ໄດ້ຮັບຂໍ້ມູນ
4. ຖ້າ (!recv_json) {
5. alert(“ຮັບຂໍ້ມູນແບບເຄື່ອນໄຫວບໍ່ສຳເລັດ.”);
6. ກັບຄືນ;
7. }
8. // ບັນທຶກຂໍ້ມູນ JSON ທີ່ໄດ້ຮັບ
9. myDynamicTable.saveRecvJson(“config”, recv_json);
10. // ເພີ່ມແຖວຕາຕະລາງ
11. var table_rows = addRows(recv_json);
12. myDynamicTable.addRows(table_rows);
14. // ປັບປຸງຕາຕະລາງແບບເຄື່ອນໄຫວນີ້
15. myDynamicTable.update();
17. // ໂຫຼດເວລາຄືນໃໝ່
18. var autorefresh = document.getElementById(“autorefresh”);
19. ຖ້າ (autorefresh && autorefresh.checked) {
20. ຖ້າ (TimerID) {
21. clearTimeout(timerID);
22. }
23. timerID = setTimeout('requestUpdate()', settingsRefreshInterval());
24. }
25. }

ເພີ່ມແຖວຕາຕະລາງ

• ໃນຟັງຊັນ addRows() ພວກເຮົາໃຊ້ຮູບແບບ JSON ເພື່ອຕື່ມຂໍ້ມູນໃສ່ແຕ່ລະຕົວກໍານົດການທົ່ວໂລກໃນແຖວຕາຕະລາງ.
• ຊ່ອງຂໍ້ມູນ HTML ທັງໝົດແມ່ນລະບຸໄວ້ໃນ JSON array (“table_rows”) ແລະ syntax ຂອງ table field ແມ່ນຢູ່ລຸ່ມນີ້.

syntax:
table_rows:[ , ,… ] : { , ,… }
: {“ປະເພດ”: , “params”:[ , , …, ]}

• ໃນກໍລະນີນີ້, ແຕ່ລະແຖວມີຫ້າຊ່ອງຂໍ້ມູນ: “Session ID”, “Mode”, “Type”, “VLAN ID” ແລະ “Reflector Port” For exampເລ,

ID ເຊດຊັນ (ຊື່ຊ່ອງ: int32_t)	1 (ID ຂອງ​ກອງ​ປະ​ຊຸມ mirror​)
ໂໝດ (ຊື່ຊ່ອງ: vtss_bool_t)	ຄວາມຈິງ (ຫມາຍຄວາມວ່າເຊດຊັນກະຈົກຖືກເປີດໃຊ້)
ປະເພດ (ຊື່ຊ່ອງ: enumeration {mirror, rMirrorSource, rMirrorDestination}	ແຫຼ່ງ RMirror (ນີ້​ແມ່ນ​ແຫຼ່ງ​ຂອງ​ກອງ​ປະ​ຊຸມ mirror ຫ່າງ​ໄກ​ສອກ​ຫຼີກ​
VLAN ID (ຊື່ຊ່ອງ: uint16_t)	200 (vlan ທີ່​ໃຊ້​ສໍາ​ລັບ​ການ​ສ່ອງ​ແສງ​)
ພອດສະທ້ອນ (ຊື່ຊ່ອງ: vtss_ifindex_t)	Gi 1/1 (ພອດທີ່ການຈະລາຈອນສະທ້ອນຖືກສົ່ງ

• myDynamicTable.addRows() ຈະປ່ຽນຂໍ້ມູນ JSON ໃຫ້ເປັນຮູບແບບ HTML ແລະອອກຕາຕະລາງ HTML.

1. function addRow(key, val)
2. {
3. var none_map_val = 0xFFFFFFFF, none_map_text = “ບໍ່ມີ”, none_interface_text = “ບໍ່ມີ”;
4. var tunnel_mode_suffix = val.TunnelMode == “useglobal” ? ” (” + oTTunnelMode[oVTunnelMode.indexOf(global_conf.tunnelMode)] + “)” : “”;
5. var row = {fields:[
6. {type:”link”, params:[“cr”, “mirror.htm?session_id=” + key, key]},
7. {type:”text”, params:[oTMode[oVMode.indexOf(val.Mode)], “c”]},
8. {type:”text”, params:[oTType[oVType.indexOf(val.Type)], “c”]},
9. {type:”text”, params:[val.Type == “mirror” ? “-“:
   val.RMirrorVlan, “c”]},
10. {type:”text”, params:[val.Type == “rMirrorSource” ?
    val.ReflectorPort : “-” , “c”]}
11. ]};
12. ແຖວກັບຄືນ;
13. }
14. function addRows(recv_json)
15. {
16. var row, empty_colspan = 7;
17. var table_rows = new Array();
18. // ເພີ່ມຫົວຕາຕະລາງ
19. addHeader(table_rows);
20. // ເພີ່ມແຖວດຽວ
21. Object.each(recv_json, function(ບັນທຶກ) {
22. table_rows.push(addRow(record.key, record.val));
23. });
24. ກັບຄືນ table_rows;
25. }

Web ໜ້າຊ່ວຍເຫຼືອ
ສໍາລັບ web ການອອກແບບຫນ້າຊ່ວຍເຫຼືອ, ຄໍາອະທິບາຍການຊ່ວຍເຫຼືອສາມາດອ້າງອີງເຖິງຂໍ້ກໍານົດຂອງ JSON, ທີ່ຂໍ້ຄວາມຄໍາອະທິບາຍສາມາດສອດຄ່ອງກັບຜົນຜະລິດ JSON ແລະຊ່ວຍຫຼຸດຜ່ອນຄໍາອະທິບາຍທີ່ຊ້ໍາກັນ. ຕົວຢ່າງample ນີ້ແມ່ນເອົາມາຈາກການຕັ້ງຄ່າ relay dhcp6.

Hyper-link ໃນແຫຼ່ງ file
ມອບຫມາຍການຊ່ວຍເຫຼືອ file ທີ່ຕັ້ງຢູ່ໃນແຫຼ່ງຂອງມັນ file HTML tag. ຊື່ຕົວແປຄົງທີ່ "help_page" ຖືກໃຊ້ສໍາລັບ web ການມອບຫມາຍຫນ້າຊ່ວຍເຫຼືອ.

2. // ຊ່ວຍ page magic
3. var help_page = “/help/help_xxx.htm”;

ອັບເດດລາຍລະອຽດຊ່ອງ HTML ຈາກສະເພາະ JSON

• ໃຊ້ ຫຼື HTML tag ເພື່ອປະກາດຄໍາອະທິບາຍຕາຕະລາງ HTML ແລະໃຫ້ ID ເປັນເອກະລັກສໍາລັບ tag.
• ເມື່ອເອກະສານ HTML ພ້ອມແລ້ວ, ໃຫ້ໂທຫາ loadXMLDoc() ເພື່ອຮັບເອົາຂໍ້ມູນຈໍາເພາະຂອງ JSON ທັງໝົດ ຫຼືເອົາລາຍລະອຽດວິທີການສະເພາະໂດຍຊື່ວິທີການ JSON “jsonRpc.status.introspection.specific.inventory.get”.
• processTableDesc() ຖືກນໍາໃຊ້ເພື່ອປັບປຸງຄໍາອະທິບາຍຕາຕະລາງແລະ processUpdate() ຖືກນໍາໃຊ້ເພື່ອປັບປຸງຄໍາອະທິບາຍພາລາມິເຕີຕາຕະລາງ.
• ໃນ processUpdate(), ໂທຫາ updateTableParamsDesc() ເພື່ອປັບປຸງອົງປະກອບ JSON ທີ່ກົງກັບຊື່ອົງປະກອບສະເພາະ.
• ປັບປຸງ ຫຼື tag HTML ພາຍໃນອີງຕາມຄໍາອະທິບາຍອົງປະກອບ.

2. /* ປັບປຸງຊ່ອງລາຍລະອຽດ HTML */
3. function processTableDesc(req) {
4. ຖ້າ (!req.responseText) {
5. ກັບຄືນ;
6. }
7. var json_spec = JSON.decode(req.responseText);
8. // ປັບປຸງລາຍລະອຽດຕາຕະລາງ
9. $(“TableDesc”).innerHTML = getJsonSpecElement(json_spec, “groups”, “dhcp6_relay.config.vlan”).ລາຍລະອຽດ;
10. }
11. /* ປັບປຸງລາຍລະອຽດພາລາມິເຕີຕາຕະລາງ HTML */
12. function processUpdate(recv_json) {
13. // ປັບປຸງລາຍລະອຽດພາລາມິເຕີຕາຕະລາງ
14. var param_names = [
15. {
16. "ນາມແຝງ": "ການໂຕ້ຕອບ",
17. "ປະເພດ": "vtss_ifindex_t",
18. "ຊື່": "vlanInterface",
19. "suffix": "."
20. },
21. {
22. "ນາມແຝງ": "ການໂຕ້ຕອບຂອງ Relay",
23. "ປະເພດ": "vtss_ifindex_t",
24. "ຊື່": "relayVlanInterface",
25. “suffix”: “. id ຂອງການໂຕ້ຕອບທີ່ໃຊ້ສໍາລັບການຖ່າຍທອດ."
26. },
27. {
28. "alias": "ປາຍທາງ Relay",
29. "ປະເພດ": "mesa_ipv6_t",
30. "ຊື່": "relay_destination",
31. “suffix”: “. ທີ່ຢູ່ IPv6 ຂອງເຊີບເວີ DHCPv6 ທີ່ຮ້ອງຂໍຈະຖືກສົ່ງຕໍ່ໄປຫາ. ຄ່າເລີ່ມຕົ້ນ 'ff05::1:3' mans 'ເຄື່ອງເຊີບເວີ DHCP ໃດ'."
32. }
33. ];
34. updateTableParamsDesc(“TableParamsDesc”, recv_json, “dhcp6_relay.config.vlan.get”, param_names);
35. }
36. /* ເອົາຂໍ້ມູນຈໍາເພາະ JSON */
37. window.addEvent('domready', function () {
38. loadXMLDoc(“/json_spec”, processTableDesc);
39. requestJsonDoc(“jsonRpc.status.introspection.specific.inventory.get”, “dhcp6_relay.config.vlan”, processUpdate);
40. });

Hyper-link ໃນແຖບເມນູ

• ລະຫັດແຫຼ່ງ HTML ຂອງແຖບເມນູແມ່ນສ້າງຂຶ້ນຈາກ file webstax2\vtss_appl\web\menu_default.cxx.
• ແກ້ໄຂລາຍການໃນນີ້ file ສໍາລັບ Web ຫນ້າ hyper-link.

1. #ຖ້າກຳນົດ(VTSS_SW_OPTION_DHCP6_RELAY)
2. ITEM(“Relay,dhcp6_relay.htm”);
3. #endif //VTSS_SW_OPTION_DHCP6_RELAY

ໝາຍເຫດ
ສັງເກດເຫັນວ່າຈໍານວນຕົວອັກສອນ space ໃນ ITEM(“”), ເຊິ່ງຖືກໃຊ້ເພື່ອຕັດສິນລະດັບກຸ່ມໃນແຖບເມນູ. ໃນກໍລະນີນີ້, ທັງຫມົດ web ຫນ້າແມ່ນຢູ່ພາຍໃຕ້ກຸ່ມ "DHCPv6".

ຮູບ 6. ຕົວຢ່າງample ຂອງຕາຕະລາງ configured ທົ່ວໂລກ

ເອກະສານຊ້ອນທ້າຍ

ປົກກະຕິ web ໜ້າ

ມີຫຼາຍແບບປົກກະຕິ web ຫນ້າສາມາດຖືກນໍາໃຊ້ສໍາລັບການອອກແບບອ້າງອີງ. ອີກອັນນຶ່ງampLe to be show here is a configuration of a single mirror session found in vtss_appl\mirror\html\mirror.htm.
ໄດ້ web ຫນ້າສະຫນອງການຕັ້ງຄ່າລາຍລະອຽດສໍາລັບກອງປະຊຸມ mirror ດຽວ. ຕົວກໍານົດການກໍາຫນົດຄ່າທັງຫມົດແມ່ນລະບຸໄວ້.

• ກົດປຸ່ມ "ບັນທຶກ" ເພື່ອນໍາໃຊ້ການຕັ້ງຄ່າປະຈຸບັນ.
• ຄລິກປຸ່ມ “ຣີເຊັດ” ເພື່ອຣີເຊັດການຕັ້ງຄ່າປັດຈຸບັນ.
• ຄລິກ “ຍົກເລີກ” ເພື່ອກັບຄືນໄປຫາບ່ອນເກົ່າview ຂອງກອງປະຊຸມ mirror

ການຕັ້ງຄ່າກະຈົກ&RM Mirror

ການຕັ້ງຄ່າທົ່ວໂລກ

ການຕັ້ງຄ່າ VLAN ແຫຼ່ງ

ການຕັ້ງຄ່າພອດ

ຮູບທີ 7. Example ຂອງ ການ ຕັ້ງ ຄ່າ ລາຍ ລະ ອຽດ ຂອງ ກອງ ປະ ຊຸມ mirror
ປຸ່ມ “Save”, “Reset” ແລະ “Cancel” ແມ່ນເພີ່ມໂດຍລະຫັດ html:

ກະແສຄຳສັ່ງ JSON
ໜ້ານີ້ຕ້ອງການຂັ້ນຕອນຄຳສັ່ງສອງຂັ້ນຕອນ:

• ທໍາອິດມັນຈໍາເປັນຕ້ອງໄດ້ຮັບຄວາມສາມາດຂອງອຸປະກອນດ້ວຍວິທີການ "mirror.capabilities.get". ຄວາມ​ສາ​ມາດ​ທີ່​ບໍ່​ມີ​ການ​ປ່ຽນ​ແປງ​ແລະ​ເຮັດ​ໄດ້​ພຽງ​ແຕ່​ອ່ານ​ຄັ້ງ​ດຽວ​.
• ຫຼັງຈາກນັ້ນ, ມັນຈໍາເປັນຕ້ອງໄດ້ຮັບການຕັ້ງຄ່າອຸປະກອນໃນປະຈຸບັນໂດຍໃຊ້ວິທີການ "mirror.config.session.get", "port.status.get" ແລະໃນກໍລະນີຂອງການວາງ "topo.config.stacking.get".

ການເອີ້ນຂອງ “mirror.capabilities.get” ແມ່ນການລິເລີ່ມໂດຍເຫດການ “domready” ແລະຜົນໄດ້ຮັບຖືກຕັ້ງຄ່າໃຫ້ຈັດການໂດຍ function requestUpdate.
RequestUpdate ຈະລິເລີ່ມການໂທຫາ “mirror.config.session.get”,
“port.status.get” ແລະໃນກໍລະນີຂອງ stacking “topo.config.stacking.get” ແລະຜົນໄດ້ຮັບຂອງການໂທເຫຼົ່ານີ້ຖືກຕັ້ງຄ່າໃຫ້ຈັດການໂດຍຟັງຊັນກະກຽມUpdate.
ຟັງຊັນກະກຽມUpdate ຈະເກັບກໍາຜົນໄດ້ຮັບທັງຫມົດ, ແລະພຽງແຕ່ໃນເວລາທີ່ໄດ້ຮັບທັງຫມົດມັນຈະໂທຫາຂະບວນການປັບປຸງຫນ້າທີ່ຈະສ້າງຕາຕະລາງທີ່ຈະສະແດງຢູ່ໃນ. web.

ເອກະສານອ້າງອີງ

1. ວິກິພີເດຍ JavaScript https://en.wikipedia.org/wiki/JavaScript
2. JSON https://www.json.org/
3. MoonTools https://mootools.net/

ເອກະສານ / ຊັບພະຍາກອນ

Microsemi AN1256 Web ຄໍາ​ຮ້ອງ​ສະ​ຫມັກ​ໂຄງ​ການ​ [pdf] ຄູ່ມືຜູ້ໃຊ້ AN1256, AN1256 Web ຄໍາ​ຮ້ອງ​ສະ​ຫມັກ​ໂຄງ​ການ​, Web ໂປລແກລມຄໍາຮ້ອງສະຫມັກ, ຄໍາຮ້ອງສະຫມັກ

ເອກະສານອ້າງອີງ

• ຄູ່ມືຜູ້ໃຊ້