Sunday, 21 November 2021

JQUERY AJAX

JQUERY  AJAX

1.      Hàm load

a.      Mở file hamload.html

b.      Code jquery cho sự kiện click của nút txn

$("#txn").click(function(){

    $("#data").load("txn.html");

});

c.      Code jquery cho sự kiện click của nút tnb

$("#tnb").click(function(){

     $("#data").load("tnb.html");

});

2.      Hàm get

a.      Mở file ham_get.html

b.      Code jquery cho sự kiện click của nút txn

$("#txn").click(function(){

    $.get("txn.html",null,hiendulieu);

});

    Định nghĩa hàm hiendulieu

function hiendulieu(d){ //alert(d);

    $("#data").html(d);

}

c.      Code jquery cho sự kiện click của nút tnb

$("#tnb").click(function(){

    $.get("tnb.html",null,hiendulieu);

});

3.      Mở file layout_a.html

$("#left a").click(function(){

      var url = $(this).attr("href");

      $("#right").load(url);

      return false;

});

0 comments:

Post a Comment