jQuery ajax - μέθοδος getScript()

Παράδειγμα εγχειρίδιο jQuery Ajax

Παράδειγμα

Αποκτήστε και εκτελέστε ένα αρχείο JavaScript μέσω αίτησης AJAX:

$("button").click(function(){
  $.getScript("demo_ajax_script.js");
});

Δοκιμάστε το προσωπικά

Ορισμός και χρήση

Το μέθοδος getScript() φορτώνει και εκτελεί το αρχείο JavaScript μέσω αίτησης HTTP GET.

Γλώσσα

jQuery.getScript(url,success(response,status});
Παράμετροι Περιγραφή
url Το URL字符串 που θα ζητηθεί.
success(response,status)

Οptional. Ορίζει τη συνάρτηση ανατροφοδότησης που θα εκτελεστεί μετά την επιτυχία της αίτησης.

Επιπλέον παραμέτρους:

  • response - Περιέχει τα δεδομένα του αποτελέσματος της αίτησης
  • status - Περιέχει την κατάσταση της αίτησης ("success", "notmodified", "error", "timeout" ή "parsererror")

Συμπεριγραφή

Η συνάρτηση αυτή είναι μια συντομευμένη συνάρτηση Ajax, ίση με:

$.ajax({
  url: url,
  dataType: "script",
  success: success
});

Η ανατροφοδότηση της συνάρτησης θα εισάγει το επιστρεφόμενο αρχείο JavaScript. Αυτό συχνά δεν είναι πολύ χρήσιμο, γιατί τότε το σενάριο έχει ήδη εκτελεστεί.

Το φορτωμένο σενάριο εκτελείται στο παγκόσμιο περιβάλλον, οπότε μπορεί να αναφέρεται σε άλλες μεταβλητές και να χρησιμοποιεί τις λειτουργίες του jQuery.

Για παράδειγμα, φορτώστε ένα αρχείο test.js που περιέχει τον παρακάτω κώδικα:

$(".result").html("<p>Lorem ipsum dolor sit amet.</p>");

Με την αναφορά του ονόματος του αρχείου αυτού, μπορείτε να φορτώσετε και να εκτελέσετε αυτό το σενάριο:

$.getScript("ajax/test.js", function() {
  alert("Load was performed.");
});

Σημείωση:Πριν από την έκδοση 1.2 του jQuery, το getScript μπορούσε να καλέσει μόνο αρχεία JS της ίδιας τοποθεσίας. Στην έκδοση 1.2, μπορείτε να καλέσετε αρχεία JavaScript από διαφορετική τοποθεσία. Λάβετε υπόψη: Οι εκδόσεις Safari 2 ή παλιότερες δεν μπορούν να εκτελούνται δυναμικά σε παγκόσμιο περιβάλλον. Αν προσθέσετε το σενάριο μέσω του getScript, προσθέστε μια χρονική καθυστέρηση.

Περισσότερες παραδείγματα

Παράδειγμα 1

Φόρτωση και εκτέλεση του test.js:

$.getScript("test.js");

Παράδειγμα 2

Φόρτωση και εκτέλεση του test.js, επιτυχής εμφάνιση μηνύματος:

$.getScript("test.js", function() {
  alert("Script loaded and executed.");
});

Παράδειγμα 3

Φόρτωση Επίσημος κλιμακοποιητής χρώματος jQuery Επιτυχής συσχέτιση της κίνησης αλλαγής χρώματος:

HTML κώδικας:

<button id="go">Run</button>
<div class="block"></div>

jQuery κώδικας:

jQuery.getScript("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js",
 function() {
  $("#go").click(function() {
    $(".block").animate( {.backgroundColor: 'pink'}, 1000)
      .animate( {.backgroundColor: 'blue'}, 1000);
  });
});

Παράδειγμα εγχειρίδιο jQuery Ajax