Ajax Json

1. Tạo trang sinh dữ liệu JSON
Cách 1: tạo 1 trang riêng
Lệnh command: out_web_state:application/json
HTML Temp:
{{#Command Items}}
         {#Name:GetXML:Name#}
         {#Input1:/App_Data/xml_data/khuVuc.xml:Input1#}     
         {#Input2::Input2#}     
{{/Command Items}}
Cách 2: tạo 1 trang riêng
Dùng module có sẵn
Tham khảo: Adminxml/xml_form.aspx?file=SysHelpWebiif&_SYS_KEY=bdccb0f4-be24-487c-9fdf-e8f05aca107e&state=edit

json

Tạo xong, khi truy cập trang phải trả vể giá trị: (Dữ liệu chỉ ví dụ)
_SYS_KEY    "2eead396-3ded-4a33-ae5c-7c4867fef277"
KhuVuc    "101"
MoTa    "Phòng 101"
1    
_SYS_KEY    "b6cace04-c59d-4a85-adc7-0d9d99c00762"
KhuVuc    "102"
MoTa    "Phòng 101"
2    
_SYS_KEY    "252baa32-f6df-47b4-9146-1fac8771a94d"
KhuVuc    "103"
MoTa    "Phòng 101"


2. Viết lệnh ở trang lấy
-- Lấy tên khu vực ở dòng 1
<script>
$.getJSON( "/lien-ket-tao-buoc-1", function( json ) {
  alert( json[0].KhuVuc);
 });
</script>

-- Dùng vòng lặp lấy tất cả
<script>
$.getJSON( "/lien-ket-tao-buoc-1", function( json ) {
    $.each(json, function(idx, obj) {
        alert(obj.KhuVuc);
    });
 });
</script>

3. Tác động tới HTML
<script>
$.getJSON( "/lien-ket-tao-buoc-1", function( arr ) {
    var li="";
    $.each(arr, function(idx, obj) {
        li="<li>"+obj.KhuVuc+"</li>";
        $('ul').append(li);
    });
   
 }); 
</script>
<ul>
</ul>
--> Kết quả sinh ra
<ul>
<li>Khu vuc 001</li>
<li>Khu vuc 002</li>
<li>Khu vuc 003</li>
</ul>

4. Lọc biến Json
<script>
$.getJSON( "/lien-ket-tao-buoc-1", function( arr ) {
  
     var arr_f=$(arr).filter(function (i,n){return n.KhuVuc=='....'});
    
   
 }); 
</script>