استخدم JS في HTML للحصول على قيمة النموذج التي تم تمريرها من خلال طرق GET and POST (أي إضافة؟ A = B&C = D وهكذا على عنوان URL).
بالنسبة للطريقة الشائعة الاستخدام للحصول على النماذج ، غالبًا ما نكتب بعض التعليمات البرمجية بشكل متكرر. يمكن استدعاء الرمز المنشور إليك اليوم كطريقة عامة. يمكن أن يحسن كفاءة تنمية الجميع.
رمز JS
<script type = "text/javaScript"> // احصل على جميع الكائنات <input> في وظيفة النموذج المحددة getElements (formid) {var form = document.getElementById (formid) ؛ var elements = new array () ؛ var tagelements = form.getElementsByTagName ('input') ؛ لـ (var j = 0 ؛ j <tagelements.length ؛ j ++) {elements.push (tagElements [j]) ؛ } عناصر العودة ؛ } // احصل على [الاسم ، القيمة] Array Function InportSelector (element) {if (element.checked) return [element.name ، element.value] ؛ } إدخال الوظيفة (العنصر) {switch (element.type.toLowerCase ()) {case 'submit': case 'hidden': case 'password': case 'text': return [element.name ، element.value] ؛ حالة "مربع الاختيار": CASE "Radio": Return InputSelector (Element) ؛ } إرجاع خطأ ؛ } // وظيفة url مجتمعة serializeElement (element) {var method = element.tagname.toLowerCase () ؛ معلمة var = الإدخال (العنصر) ؛ if (parameter) {var key = EncodeUricomponent (المعلمة [0]) ؛ if (key.length == 0) return ؛ إذا (المعلمة [1] .Constructor! = صفيف) المعلمة [1] = [المعلمة [1]] ؛ VAR DATIONS = المعلمة [1] ؛ نتائج var = [] ؛ لـ (var i = 0 ؛ i <values.length ؛ i ++) {results.push (key + '=' + encodeUricomponent (القيم [i])) ؛ } return results.join ('&') ؛ }} // وظيفة الاتصال ، SerializeForm (formid) {var elements = getElements (formid) ؛ var querycomponents = new array () ؛ لـ (var i = 0 ؛ i <elements.length ؛ i ++) {var querycomponent = serializeElement (elements [i]) ؛ إذا (QueryComponent) querycomponents.push (QueryComponent) ؛ } return querycomponents.join ('&') ؛ } </script>رمز JS
وظيفة getForminFo () {var params = serializeForm ('login') ؛ تنبيه (params) ؛ }رمز HTML
<Body> <form id = "login" name = "login" method = "post" Action = "result.jsp"> <input name = "user" type = "text"/> <input name = "prefere" value = "dss"> dss <input type = "checkbox" name = "presount" value = "ddr"> ddr <br> <input type = "hidden" name = "from
HTML:
URL:
الطريقة البسيطة للحصول على جميع بيانات النموذج في المقالة أعلاه JS هي المحتوى بالكامل المشترك من قبل المحرر. آمل أن يعطيك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.