Προγραμματισμός

Γνώση Υπολογιστών >> Προγραμματισμός >  >> JavaScript Προγραμματισμός

Πώς να αναλύσει μια συμβολοσειράς ερωτήματος σε JavaScript

JavaScript δεν παρέχει μια ενσωματωμένη λειτουργία για να συλλάβει το string ερώτημα περάσει σε μια ιστοσελίδα με τη διεύθυνση URL , όπως κάνουν πολλοί από τους server-side scripting γλώσσες όπως η PHP . Για να αναλύσει ένα ερώτημα string με JavaScript , συλλάβει τις παραμέτρους URL με το " location.search " ακίνητο , χωρίστε τις τιμές για το " & " σημάδι που χωρίζει τις παραμέτρους , τότε χωρισμού η κάθε μία από αυτές τις τιμές στο σύμβολο «=» για να πάρει το όνομα της παραμέτρου και τιμή της παραμέτρου. Επίσης, αφαιρέστε το " ; " ότι προχωρά το πρώτο όνομα της παραμέτρου . Οδηγίες
Η

1 Δημιουργήστε ένα νέο έγγραφο HTML με το Σημειωματάριο ή ενός επεξεργαστή HTML . Τοποθετήστε τις κεφαλίδες HTML στο έγγραφο : < ! DOCTYPE HTML >




< meta charset = " utf- 8 " >

Parse συμβολοσειράς ερωτήματος < /title> 2 <br> <p> Δημιουργήστε μια λειτουργία JavaScript για να αναλύσει το ερώτημα string , και να δημιουργήσει ένα associative array με το όνομα της παραμέτρου ως το βασικό δείκτη και την τιμή της παραμέτρου ως τιμή . Προετοιμάσει μια σειρά για την αποθήκευση των αποτελεσμάτων και να συλλάβει το σύνολο εγχόρδων ερώτημα σε μια μεταβλητή με χρήση " location.search . " Έξοδος αν δεν υπάρχει συμβολοσειρά ερωτήματος : <br> <p> <script> <br> <p> var queryParams = [ ] ? <br> <p> Var qString = location.search ? <br> <p> Αν ( qString == "" ) exit () ? <br> εικόνων 3 <p> Δημιουργήστε έναν πίνακα με κάθε " παράμετρος = τιμή " ως στοιχείο του πίνακα με το διαχωρισμό της επερώτησης με θέμα " & " : < br > <p> var params = qString.split ( " & " ) ? " " <br> Η <p> 4 Αφαιρέστε το Προχωρώντας την πρώτη παράμετρο λαμβάνοντας την τιμή συμβολοσειράς ξεκινώντας με τον δεύτερο χαρακτήρα : . <br> <p> params [ 0 ] = params [ 0 ] συμβολοσειράς ( 1 ) ? <br> 5 <p> Split κάθε παράμετρο σε να πάρει το όνομα και την αξία και προσθέστε τα στο associative array : . <br> <p> για ( var i σε params ) { <br> <p> = var temp params [ i ] διάσπαση ( " = " ) ? < br > <p> queryParams [ temp [ 0 ] ] = temp [ 1 ] ? <br> <p> } <br> Η 6 <p> Γράψτε την έξοδο στην οθόνη, για να εξασφαλιστεί το script αυτό δουλεύει σωστά: < br > <p> για ( i σε queryParams ) { <br> <p> document.write ( " <p> " + i + " = " + queryParams [ i ] + " < /p> " ) ? < br > <p> } <br> <p> < /script > <br> <p> < /head> <br> Η 7 <p> Δημιουργία μιας φόρμας HTML για να δοκιμάσετε το σενάριο : <br> <p> < /head> <br> <p> <body> <br> <p> <form name="myForm"> <br> <p> < input type = "text " name = " test1 " > <br> <p> <input type="text" name="test2"> <br> <p> < input type = " υποβάλει " name = " υποβάλει " value = " υποβάλει " > <br> <p> < /form> <br> <p> < /body> <br> <p> < /html > <br> 8 <p> Αποθηκεύστε το αρχείο HTML και να το ανοίξετε με ένα πρόγραμμα περιήγησης . Εισάγετε δεδομένα στα δύο πεδία της φόρμας και βεβαιωθείτε ότι οι παράμετροι αναλυθούν σωστά . <br> Η <br> εικόνων <div class="grad2"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script> <!-- 221021-2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="8094203668" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <div class="grad3"></div> </div> <div class="fanyedads"> <ul> <li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='http://www.221021.com/Programming/javascript-programming/90947.html' >Πώς να κάνει ένα κουμπί Λήψη αρχείου σε μορφή HTML </a> <li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/90949.html' >Πώς να ενημερώσετε DIV </a> </ul> </div> </div> <div class="woqinimaderwr24"> <div class="dibud23"> <div class="biaotidas51"> <div class="biaotidas511"><h3>Συναφής σύστασή</h3></div> <div class="butudasda"></div> </div> </div> <div class="dibud24"> <div class="dibud241"> <ul class="dsa31das"> <li><a href="http://www.221021.com/Programming/javascript-programming/91136.html" target="_blank">Πώς να Ανάπτυξη μιας φόρμας σε Java Script </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91269.html" target="_blank">Πώς να δημιουργήσετε ένα Heat Χάρτης </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91009.html" target="_blank">Τρόπος εμφάνισης των Ώρες & Λεπτά σε δύο πεδία, με Javascript </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/90751.html" target="_blank">Μεταβλητές στο Adobe Κύκλους Ζωής </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/90916.html" target="_blank">Τύποι JavaScript κόμβου </a></li> </ul> </div> <div class="dibud242"> <div class="biaotidasoidasf3h4"> <h4>Τελευταία άρθρα</h4> <div class="nibushihenzaiyi"></div> </div> <ul class="thydghaodennrend"> <li><a href="http://www.221021.com/Programming/javascript-programming/90929.html" target="_blank">Πώς να προσθέσετε ένα Input Check Box Με JavaScript </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/90968.html" target="_blank">Πώς να αλλάξει τη γραμμή διευθύνσεων JavaScript </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/268320.html" target="_blank">Πώς να απενεργοποιήσετε τη JavaScript στο Chrome </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91030.html" target="_blank">Πώς να δημιουργήσετε ένα VAR JavaScript για να Float </a></li> </ul> </div> </div> </div> <div class="dibudaohnagdsaw"> <div class="das342sd"><p>Πνευματικά δικαιώματα © <a href="http://www.221021.com/" target="_blank" >Γνώση Υπολογιστών</a> Όλα τα δικαιώματα κατοχυρωμένα </p></div> </div> </div> </body> </html>