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:

   
      The jQuery Example
      
		
      
         $[document].ready[function[] {
            $["#driver"].click[function[event]{
               $.getScript['../result.js', function[jd] {
                  // Call custom function defined in script
                  CheckJS[];
               }];
            }];
         }];
      
		
   
	
   
	
      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.

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

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

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


    $[document].ready[function[]{
        $["#txn"].click[function[]{
            $.get["txn.html","", function[d]{  $["#data"].html[d]; } ];
        }]
        $["#tnb"].click[function[]{ 
            $.get["tnb.html", xong];  
        }]   
    }];
    function xong[codehtml, status]{
        $["#data"].html[codehtml]; 
        $["#tt"].val[status];
    }

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

//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


$[document].ready[function[]{
    $["#btn1"].click[function[]{
        var d = $["[name='frm1']"].serialize[];
        alert[d];
    }];
}];

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


    $[document].ready[function[]{
        $["#btn1"].click[function[]{
            var d = $["[name='frm1']"].serialize[];
            $.post["xuly.php", d, function[data] { 
                $["#kq"].html[data];
             }]; 
        }]; 
    }];

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

//www.w3schools.com/jquery/ajax_getjson.asp
//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


    $[document].ready[function[]{
        $["#xemds"].click[function[]{
            $.getJSON["Student.php","", xuly ];
        }]           
    }];
    function xuly[data, status]{// console.log[data];
        $.each[data, function[key, value]{
            $["#kq"].append[""  + key + " = " + value + ""];
        }]; 
    }

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


$[document].ready[function[]{
    $["#xemds"].click[function[]{
        $.getJSON["Students.php","", xuly ];
    }]           
}];
function xuly[data, status]{// console.log[data];
    $.each[data, function[i, obj]{//console.log[obj];
        $.each[obj, function[key, value]{
            $["#kq"].append[""  + key + " = " + value + ""];
        }]; 
        $["#kq"].append[""];
    }]
}

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:

NameValue/Description

cache	A Boolean value indicating whether the browser should cache the requested pages. Default is true
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

dataType	Kiểu dữ liệu mong chờ server đáp ứng
success [result, status, xhr]	Là hàm được gọi sau khi dữ liệu từ url đã trả về thành công
timeout	Thời gian timeout [milliseconds] cho request
type	Kiểu của [GET / POST]
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…
xhr	chính là đối tượng xmlhttprequest

//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


    $[document].ready[function[]{
        $["#txn"].click[function[]{  
            $.ajax[{
                url:"txn.html",
                cache:false,
                type:"get",
                success:function[d]{
                    $["#data"].html[d];
                },                
            }]
        }] 
    }];

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

 
    $[document].ready[function[]{
        $["#btn1"].click[function[]{
            var d = $["[name='frm1']"].serialize[];
            $.ajax[{
                url:"xuly.php",
                data:d,
                type:'post',
                cache:false,
                success:function[data] { $["#kq"].html[data];} 
            }]; 
        }]; 
    }];