ใช้ JS ใน HTML เพื่อให้ได้ค่าฟอร์มที่ผ่านวิธีการรับและโพสต์ (นั่นคือเพิ่ม? a = b & c = d และบน URL)
สำหรับวิธีการที่ใช้กันทั่วไปในการรับแบบฟอร์มเรามักจะเขียนโค้ดซ้ำ ๆ รหัสที่โพสต์ถึงคุณวันนี้สามารถเรียกได้โดยตรงว่าเป็นวิธีการสาธารณะ มันสามารถปรับปรุงประสิทธิภาพการพัฒนาของทุกคน
รหัส JS
<script type = "text/javascript"> // รับวัตถุ <put> ทั้งหมดในฟังก์ชันฟอร์มที่ระบุการ getElements (formId) {var form = document.getElementById (formId); องค์ประกอบ var = new Array (); var tagelements = form.getElementsByTagname ('input'); สำหรับ (var j = 0; j <tagelements.length; j ++) {elements.push (tagelements [j]); } return องค์ประกอบ; } // รับ [ชื่อ, ค่า] ฟังก์ชั่นอาร์เรย์อินพุทตัวเลือก (องค์ประกอบ) {ถ้า (element.checked) ส่งคืน [element.name, element.value]; } ฟังก์ชันอินพุต (องค์ประกอบ) {switch (element.type.toLowerCase ()) {กรณี 'ส่ง': กรณี 'ซ่อน': กรณี 'รหัสผ่าน': กรณี 'ข้อความ': return [element.name, element.value]; กรณี 'ช่องทำเครื่องหมาย': กรณี 'วิทยุ': return inputlector (องค์ประกอบ); } return false; } // ฟังก์ชั่น URL แบบรวม serializeElement (องค์ประกอบ) {var method = element.tagname.toLowerCase (); var parameter = input (องค์ประกอบ); if (พารามิเตอร์) {var key = encodeUricomponent (พารามิเตอร์ [0]); if (key.length == 0) return; if (พารามิเตอร์ [1] .constructor! = array) พารามิเตอร์ [1] = [พารามิเตอร์ [1]]; ค่า var = พารามิเตอร์ [1]; ผลลัพธ์ var = []; สำหรับ (var i = 0; i <value.length; i ++) {results.push (key + '=' + encodeuricomponent (ค่า [i])); } return results.oin ('&'); }} // วิธีการเรียกใช้ฟังก์ชัน serializeform (formId) {องค์ประกอบ var = getElements (formId); var queryComponents = new Array (); สำหรับ (var i = 0; i <elements.length; i ++) {var queryComponent = serializeElement (องค์ประกอบ [i]); if (queryComponent) queryComponents.push (QueryComponent); } return queryComponents.Join ('&'); } </script>รหัส JS
ฟังก์ชั่น getFormInfo () {var params = serializeform ('เข้าสู่ระบบ'); การแจ้งเตือน (params); -รหัส HTML
<body> <form id = "เข้าสู่ระบบ" name = "login" method = "post" action = "result.jsp"> <name name = "user" type = "text"/> <input name = "sex" type = "radio" value = "man"/> name = "indural" value = "dss"> dss <ประเภทอินพุต = "ช่องทำเครื่องหมาย" ชื่อ = "ดอกเบี้ย" value = "ddr"> ddr <br> <ประเภทอินพุต = "hidden" name = "จาก" value = "ยินดีต้อนรับ"> <br>
html:
URL:
วิธีง่ายๆในการรับข้อมูลทั้งหมดของแบบฟอร์มในบทความด้านบน JS คือเนื้อหาทั้งหมดที่ใช้ร่วมกันโดยตัวแก้ไข ฉันหวังว่ามันจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น