jQuery.getScript()

jQuery.getScript( url, [ success(data, textStatus) ] )

מחזירה: XMLHttpRequest

תיאור: טוען קובץ JavaScript משרת באמצעות שיטה GET, ומפעיל אותו.

ארגומנטים

jQuery.getScript( url, [ success(data, textStatus) ] )

הוספה בגרסה: 1.0

url

מחרוזת

מחרוזת, מכילה URL שאליו נשלחת שאילתה.

success(data, textStatus)

פונקציה קריאה חוזרת

פונקציה שמופעלת כל פעם אחרי טעינת הנתונים מוצלחת.

זו פונקציה מקוצרת של Ajax, ששווה ל:

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

פונקציה של קריאה חוזרת מעבירה קובץ JavaScript שהוחזר. זה לא שימושי בדרך כלל, מכיוון שסקריפט יכול להיות כבר מופעל בנקודה הזו.

סקריפט מופעל בקונטכסט גלובלי, לכן הוא יכול להתייחס למשתנים אחרים ולהשתמש בפונקציות jQuery. סקריפטים הכלולים צריכים להשפיע על דף הנוכחי:

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

סקריפט יכול להיות מוכל ומופעל על ידי התייחסות לשם הקובץ:

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

דוגמאות

דוגמה 1

מתבצעת טעינה דינמית והתאמה של תוספת חדשה של אנימצית צבע של jQuery.

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

The output of the code above will be:

נסה זאת בעצמך

דוגמה 1 - קוד מלא:

<!DOCTYPE html>
<html>
<head>
  <style>.block { 
   background-color: blue; 
   width: 150px; 
   height: 70px;
   margin: 10px; 
}</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript" language="javascript">
     $(document).ready(function(){
$.getScript("http://support.xhtml.co.il/view/trunk/plugins/color/jquery.color.js", function(){
  $("#go").click(function(){
    $(".block").animate( { backgroundColor: 'pink' }, 1000)
      .animate( { backgroundColor: 'blue' }, 1000);
  });
});
     });
  </script>
</head>
<body>
  <button id="go">&raquo; Run</button>
<div class="block"></div>
</body>
</html>

נסה זאת בעצמך

דוגמה 2

טוען קובץ test.js של JavaScript ומפעיל אותו.

$.getScript("test.js");

דוגמה 3

טוען קובץ test.js של JavaScript ומפעיל אותו, מציג הודעה כשה הפעלה הסתיימה.

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

האם מידע זה היה מועיל?

כן לא

jQuery.getScript()

jQuery.getScript( url, [ success(data, textStatus) ] )

ארגומנטים

jQuery.getScript( url, [ success(data, textStatus) ] )

דוגמאות

דוגמה 1

דוגמה 2

דוגמה 3

תגובות