Hướng dẫn dùng getscript trong PHP

Miêu tả

Phương thức jQuery.getScript(url,[callback]) trong jQuery tải và thực thi một JavaScript file bởi sử dụng một HTTP GET request.

Nó trả về đối tượng XMLHttpRequest.

Cú pháp

Sau đây là cú pháp cho jQuery.getScript(url,[callback]) trong jQuery:

$.getScript( url, [callback] )

Tham số

Dưới đây miêu tả chi tiết về các tham số được sử dụng trong phương thức jQuery.getScript(url,[callback]) trong jQuery:

• url − Một chuỗi chứa URL để request được gởi tới

• callback: − tham số tùy ý này biểu diễn một hàm để được thực thi bất cứ khi nào dữ liệu được tải thành công.

Quảng cáo

Ví dụ

Giả sử chúng ta có nội dung JavaScript sau trong result.js file:

function CheckJS(){
   alert("This is JavaScript");
}

Sau đây là ví dụ đơn giản minh họa cách sử dụng của phương thức jQuery.getScript(url,[callback]) trong jQuery:

   
      
      
		
      
		
   
	
   
	
      
Click on the button to load result.js file −
		
      

         STAGE
      
		
      
		
   
	

Nó sẽ cho kết quả:

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Các bạn có thể mua thêm khóa học JAVA CORE ONLINE VÀ ỨNG DỤNG cực hay, giúp các bạn vượt qua các dự án trên trường và đi thực tập Java. Khóa học có giá chỉ 300K, nhằm ưu đãi, tạo điều kiện cho sinh viên cho thể mua khóa học.

Nội dung khóa học gồm 16 chuơng và 100 video cực hay, học trực tiếp tại https://www.udemy.com/tu-tin-di-lam-voi-kien-thuc-ve-java-core-toan-tap/ Bạn nào có nhu cầu mua, inbox trực tiếp a Tuyền, cựu sinh viên Bách Khoa K53, fb: https://www.facebook.com/tuyen.vietjack

Follow facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.

Các bài học jQuery khác tại VietJack:

• jQuery là gì
• jQuery - Cơ bản
• jQuery - Selector
• jQuery - Thuộc tính
• jQuery - Traverse

jquery_ajax.jsp

Bài viết liên quan

• 160 bài học ngữ pháp tiếng Anh hay nhất

• 155 bài học Java tiếng Việt hay nhất

• 100 bài học Android tiếng Việt hay nhất

• 247 bài học CSS tiếng Việt hay nhất

• 197 thẻ HTML cơ bản

• 297 bài học PHP

• 101 bài học C++ hay nhất

• 97 bài tập C++ có giải hay nhất

• 208 bài học Javascript có giải hay nhất

• Trang chủ
• Tham khảo
• jQuery
• Ajax jQuery

Đầu trang

Giới thiệu ajax

• AJAX là từ viết tắt của Asynchronous JavaScript and XML
• Ajax là kỹ thuật giúp bạn tải dữ liệu từ server mà không cần refresh trình duyệt.
• Gmail, google map là các website điển hình sử dụng kỹ thuật ajax.

jQuery có nhiều hàm giúp bạn tạo các request AJAX đến server. Mục đích để thực hiện tương tác ngầm với server và lấy dữ liệu về hiện trong trang web. Bạn có thể request text, html, xml, json từ server thông qua cá phương thức get và post.

Các hàm trong jquery tạo request ajax

Sử dụng hàm load trong jquery

Hàm load của jquery giúp bạn tạo một request ajax tới 1 trang web trên server. Khi nội dung từ server đổ về, dữ liệu sẽ nạp vào selector đã chọn. Đây là request dạng get

Cú pháp hàm load trong jquery

$(selector).load( url, data , [callback] );
$(selector).load(url, data , function(response,status,xhr) )

• url – Là địa chỉ của trang web trên server cần request . Các trang này có thể là ASP, JSP, PHP…
• data – tham số dành cho trang web trong url, theo cấu trúc key=value&key=value. Ví dụ  lang=vi&idSP=5. Nếu trang url không cần tham số thì bạn bỏ qua tham số data
• callback – là hàm được gọi sau khi dữ liệu từ url đã trả về
• response: là data đổ về từ server
• status: trạng thái tử server đổ về cho biết kết quả thực thi trang web url  (success, notmodified, error, timeout, parsererror )
• xhr: chính là đối tượng xmlhttprequest

Thực tập sử dụng hàm load trong jquery

a. Có trang hamload.html như sau:

b. Gọi ajax với hàm load, không dùng callback

c. Gọi ajax với hàm load, có dùng hàm callback

Trang txn.html

Giá và chất lượng gạo, ai đi đến cùng với người dân? 
Hoàng hôn trên sông Mê Kông 
Độc đáo núi Cấm 
Báo chí quốc tế nói gì về sự kiện Calisto? 
Mười bí quyết cho hạnh phúc 
Khánh Hòa sẽ đăng cai Hoa Hậu Hoàn vũ 2008 
Hạnh phúc là gì ? 
Làm sao chiên cơm cho ngon 
Bữa cơm nghèo trong cơn sốt gạo 
Mặt bằng giá mới sau cơn sốt gạo 

Trang tnb.html

Washington sẵn sàng cho lễ nhậm chức
Cầu dây văng made in VN đầu tiên được khánh thành  
Cái đầu vàng của Công Vinh  
Việt Nam muôn năm!  
 Việt Nam vô địch Đông Nam Á  
Việt Nam vô địch AFF Cup 2008: Giấc mơ thành hiện thực  
Kéo lá cờ khổng lồ vào Mỹ Đình  
Tiền đạo Nguyễn Việt Thắng: Dỡ bỏ áp lực cho Calisto  
Thắng tại Thái Lan, Việt Nam đứng trước cơ hội vô địch  
Dễ và Khó

Hàm $.get

Hàm $.get của jquery giúp bạn tạo một request ajax tới 1 trang web trên server. Khi nội dung từ server đổ về, bạn sử dụng hàm callback để đón và xử lý. Request do $.get tạo ra là request dạng get

Cú pháp hàm $.get trong jquery

$.get(url);
$.get(url,function(response,status,xhr));
$.get(url, data,function(response,status,xhr))
$.get(url, data, function(response,status,xhr),dataType)

• url – Là địa chỉ của trang web trên server cần request . Các trang này có thể là ASP, JSP, PHP…
• data – tham số dành cho trang web trong url, theo cấu trúc key=value&key=value. Ví dụ  lang=vi&idSP=5. Nếu trang url không cần tham số thì bạn bỏ qua tham số data
• function(data,status,xhr) – là hàm callback được gọi sau khi dữ liệu từ url đã trả về
• response: là data đổ về từ server
• status: trạng thái tử server đổ về cho biết kết quả thực thi trang web url
• xhr: chính là đối tượng xmlhttprequest
• dataType: là kiểu dữ liệu dự kiến sẽ nhận tử server, có thể là html, xml, json, text, script

https://www.w3schools.com/jquery/ajax_get.asp

Thực tập sử dụng hàm $.get trong jquery

Hàm $.post

Hàm $.post của jquery giúp bạn tạo một request ajax tới 1 trang web trên server. Request này dạng post.

Cú pháp hàm $post trong jquery

$.post(url);
$.post(url,function(response,status,xhr));
$.post(url, data,function(response,status,xhr))
$.post(url, data, function(response,status,xhr),dataType)

• url – Là địa chỉ của trang web trên server cần request . Các trang này có thể là ASP, JSP, PHP…
• data – tham số dành cho trang web trong url, theo cấu trúc key=value&key=value. Ví dụ  lang=vi&idSP=5. Nếu trang url không cần tham số thì bạn bỏ qua tham số data
• function(data,status,xhr) – là hàm callback được gọi sau khi dữ liệu từ url đã trả về
• response: là data đổ về từ server
• status: trạng thái tử server đổ về cho biết kết quả thực thi trang web url
• xhr: chính là đối tượng xmlhttprequest
• dataType: là kiểu dữ liệu dự kiến sẽ nhận tử server, có thể là html, xml, json, text, script

https://www.w3schools.com/jquery/ajax_post.asp

Thực tập sử dụng hàm $.post trong jquery

a. Có trang post.html như sau:

  

      

          Username
          
      
      

        Password
        
    
    

        Đăng nhập
    
    

  

b. Dùng hàm serialize gom dữ liệu trong form

c. Dùng hàm $.post gửi dữ liệu trong form lên server

d. File xuly.php trên server, code đơn giản như sau:

Hàm $.getJSON

Hàm $.getJSON của jquery giúp bạn tạo một request ajax tới 1 trang web trên server để nhận về dữ liệu dạng Json – Dữ liệu dạng text có cấu trúc

Cú pháp hàm $.getJSON trong jquery

$.getJSON(url, data, function(response,status,xhr))

• url – Là địa chỉ của trang web trên server cần request . Các trang này có thể là ASP, JSP, PHP…
• data – tham số dành cho trang web trong url, theo cấu trúc key=value&key=value. Ví dụ  lang=vi&idSP=5. Nếu trang url không cần tham số thì bạn bỏ qua tham số data
• function(data,status,xhr) – là hàm callback được gọi sau khi dữ liệu từ url đã trả về
• response: là data đổ về từ server
• status: trạng thái tử server đổ về cho biết kết quả thực thi trang web url
• xhr: chính là đối tượng xmlhttprequest
• dataType: là kiểu dữ liệu dự kiến sẽ nhận tử server, có thể là html, xml, json, text, script

https://www.w3schools.com/jquery/ajax_getjson.asp
https://api.jquery.com/jQuery.getJSON/

Thực tập sử dụng hàm $.getJSON trong Jquery

a. Có file Student.php thông tin sinh viên như sau:

    {
        "username": "teonv",
        "password": "iloveyou",
        "fullname": "Nguyễn Văn Tèo",
        "email": "",
        "gender": "true",
        "birthday": "1995-12-21",
        "schoolfee": "1500000",
        "marks": "0"
    }

b. Trang html code như sau:

c. Dùng hàm $.getJSON request dữ liệu json về hiện trong console

script>
    $(document).ready(function(){
        $("#xemds").click(function(){
            $.getJSON("Student.php","", xuly );
        })           
    });
    function xuly(data, status){
       console.log(data); 
    }

d. Dùng hàm $.getJSON request dữ liệu json về và hiện trong trang web

e. Dùng hàm $.getJSON để request dữ liệu json dạng mảng về hiện trong trang web

Sử dụng hàm $.ajax trong jquery

Hàm $.ajax của jquery giúp bạn tạo một request ajax tới 1 trang web trên server với nhiều tham số uyển chuyển. Với hàm này, bạn có thể chỉ định kiểu request là post hay get, có thể điều khiển cache của trình duyệt …

Cú pháp hàm $.ajax trong jquery

$.ajax({name:value, name:value, ... })

Các name/value có thể dùng trong liệt kê dưới đây:

https://www.w3schools.com/jquery/ajax_ajax.asp

Thực tập sử dụng hàm $.ajax trong jquery

Ví dụ 1: request với type là get

Ví dụ 2: request với type là post