Αυτό το άρθρο είναι ένα άρθρο καθρέφτη της αυτόματης μετάφρασης, κάντε κλικ εδώ για να μεταβείτε στο αρχικό άρθρο.

Architect_Programmer_Code Δίκτυο Γεωργίας»Αρχιτέκτονας › Σχεδιασμός front-end & web › Πλαίσιο μπροστινού άκρου › Το jQuery χρησιμοποιεί τη βάση δεδομένων αιτημάτων Ajax για επαρχιακή και δημοτική σύνδεση
Άποψη: 17984|Απάντηση: 3

[Jquery] Το jQuery χρησιμοποιεί τη βάση δεδομένων αιτημάτων Ajax για επαρχιακή και δημοτική σύνδεση

[Αντιγραφή συνδέσμου]
Δημοσιεύτηκε στις 19/8/2015 9:09:49 μ.μ. | | |
Επειδή ήταν η πρώτη φορά που έκανα αυτό το εφέ, το έκανα σιγά σιγά και διαπίστωσα ότι είχα γράψει πολύ επαναλαμβανόμενο κώδικα.

Δεν υπάρχει χρόνος για βελτιστοποίηση τώρα, ας αρκεστούμε σε αυτό και, τέλος, ας επισυνάψουμε το συμπιεσμένο πακέτο, συμπεριλαμβανομένου του σεναρίου της βάσης δεδομένων.

Επιπλέον, επισυνάπτεται ο επαρχιακός και δημοτικός κωδικός σύνδεσης γραμμένος σε καθαρό js

Χρησιμοποιήστε το JS για να πραγματοποιήσετε το μενού σύνδεσης τριών επιπέδων επαρχιών και πόλεων
http://www.itsvse.com/thread-2072-1-1.html
(Πηγή: Επαγγελματικό Κολλέγιο Μηχανικής Λογισμικού της Γουχάν)


  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PlaceInfo.aspx.cs" Inherits="AjaxDemo.PlaceInfo" %>

  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head runat="server">
  7.     <title></title>
  8.     <scrip去掉t src="scrip去掉ts/jquery-1.4.1.min.js" type="text/javascrip去掉t"></scrip去掉t>
  9.     <scrip去掉t type="text/javascrip去掉t">

  11.         //省方法
  12.         function sheng() {
  13.             var $sheng = $("#sheng option:selected").val();
  14.             $.ajax({
  15.                 url: "ajax3.aspx",
  16.                 type: "get",
  17.                 data: "test=x&sheng=" + $sheng,
  18.                 success: function (mesg) {
  19.                     $("#shi").empty();
  20.                     $("#shi").append(mesg);
  21.                     $("#shi option:eq(0)").attr("selected", "selected");
  22.                     var num = $("#shi option").length;
  23.                     if (num > 1) {
  24.                         $("#shi").show();
  25.                     } else {
  26.                         $("#shi").hide();
  27.                     }
  28.                     shi();
  29.                 }
  30.             });
  31.         };
  32.         //市方法
  33.         function shi() {
  34.             var $shi = $("#shi option:selected").val();
  35.             $.ajax({
  36.                 url: "ajax3.aspx",
  37.                 type: "get",
  38.                 data: "test=x&sheng=" + $shi,
  39.                 success: function (mesg) {
  40.                     $("#xian").empty();
  41.                     $("#xian").append(mesg);
  42.                     $("#xian option:eq(0)").attr("selected", "selected");
  43.                 }
  44.             });
  45.         }
  46.         $(function () {

  48.             $.ajax({
  49.                 url: "ajax3.aspx",
  50.                 type: "get",
  51.                 data: "",
  52.                 success: function (mesg) {
  53.                     $("#sheng").append(mesg);
  54.                     $("#sheng option:eq(0)").attr("selected", "selected");
  55.                     sheng();
  56.                     
  57.                 }
  58.             });
  59.             /**测试按钮**/
  60.             $(":button").click(function () {
  61.                 var $a = $("#sheng option:selected").val();
  62.                 alert($a);
  63.             });
  64.             //选中省
  65.             $("#sheng").change(function () {
  66.                 sheng();
  67.             });
  68.             //选中市
  69.             $("#shi").change(function () {
  70.                 shi();
  71.             });
  72.         });
  73.     </scrip去掉t>
  74. </head>
  75. <body>
  76.     <form id="form1" runat="server">
  77.     <div>
  78.         <select id="sheng"></select>
  79.         <select id="shi"></select>
  80.         <select id="xian"></select>
  81.         <input type="button" value="test" />   
  82.     </div>
  83.     </form>
  84. </body>
  85. </html>
Αντιγραφή κώδικα
AjaxDemo.rar (196.62 KB, Αριθμός λήψεων: 4)




Προηγούμενος:Προειδοποίηση σκληρού δίσκου υπολογιστή C5, τι πρέπει να κάνετε
Επόμενος:jquery πολλά κοινά σημεία γνώσης

σχετικές αναρτήσεις
Δημοσιεύτηκε στις 21/8/2015 9:44:21 μ.μ. |
Επιτρέψτε μου να προσθέσω

SSLD.rar

185.49 KB, Χρόνοι λήψης: 6, Πηγές λήψης: -1 κύρος, -1 συνεισφορά
Δημοσιεύτηκε στις 22/8/2015 7:45:21 π.μ. |
Delver_Si Δημοσιεύτηκε στις 2015-8-21 21:44
Επιτρέψτε μου να προσθέσω

Πολύ δυνατό!!
Δημοσιεύτηκε στις 22/8/2015 5:55:02 μ.μ. |
admin δημοσιεύτηκε στις 2015-8-22 07:45
Πολύ δυνατό!!

Αποκήρυξη:
Όλο το λογισμικό, το υλικό προγραμματισμού ή τα άρθρα που δημοσιεύονται από το Code Farmer Network προορίζονται μόνο για μαθησιακούς και ερευνητικούς σκοπούς. Το παραπάνω περιεχόμενο δεν θα χρησιμοποιηθεί για εμπορικούς ή παράνομους σκοπούς, άλλως οι χρήστες θα υποστούν όλες τις συνέπειες. Οι πληροφορίες σε αυτόν τον ιστότοπο προέρχονται από το Διαδίκτυο και οι διαφορές πνευματικών δικαιωμάτων δεν έχουν καμία σχέση με αυτόν τον ιστότοπο. Πρέπει να διαγράψετε εντελώς το παραπάνω περιεχόμενο από τον υπολογιστή σας εντός 24 ωρών από τη λήψη. Εάν σας αρέσει το πρόγραμμα, υποστηρίξτε γνήσιο λογισμικό, αγοράστε εγγραφή και λάβετε καλύτερες γνήσιες υπηρεσίες. Εάν υπάρχει οποιαδήποτε παραβίαση, επικοινωνήστε μαζί μας μέσω email.
Mail To:help@itsvse.com