jQuery ajax - getScript() method

ສາຍວິຊາ jQuery Ajax

example

Get and run a JavaScript file using AJAX request:

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

try it yourself

definition and usage

getScript() method loads and executes a JavaScript file via HTTP GET request.

syntax

jQuery.getScript(url,success(response,status});
parameters description
url URL string ທີ່ຈະຂໍ.
success(response,status)

optional. ກໍານົດກອງການໂທມູນຄືນທີ່ຈະດຳເນີນພາຍຫຼັງການຂໍສຳເລັດ.

ຄວາມພິຈາລະນາສຳລັບຄຳຂັດແຍ່ງ

  • 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.");
});

ສົນທະນາ:ລະບຽບ: $.getScript ກ່ອນວິສາດ 1.2 ສາມາດຫາຫົວຂໍ້ JS ໃນເຂດຕັ້ງທີ່ດຽວເພື່ອ. 1.2ກໍ່ທີ່ສາມາດຫາຫົວຂໍ້ JS ທັງຫົວຂໍ້ຕາມເຂດ. ເຫັນ: 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