Hướng dẫn jquery form serialize php - jquery form serialize php

• Trang chủ
• Tham khảo
• jQuery
• jQuery - function
• .serialize[]

Định nghĩa và sử dụng

• .serialize[]: Lấy giá trị các thành phần form, mã hóa các giá trị này thành giá trị chuỗi.
• Giá trị sẽ được hiển thị theo các cặp cách nhau bởi ký tự "&": name1=value1&name2=value2&...name1=value1&name2=value2&...

Cấu trúc

• Đã được thêm vào từ phiên bản 1.0

.serialize[]

Html viết:

Tiêu đề


$[function[]{
    function showValues[] {
        var str = $["form"].serialize[];
        $["#result"].text[str];
    }
    $["input[type='radio']"].on["click",showValues];
    showValues[];
}];






Male:

Female:

Hiển thị trình duyệt:

Khi click chọn vào radio ta đã lấy được giá trị của các thành phần này thay đổi thông qua cặp giá trị name=value.name=value.

Ví dụ thêm

Html viết:

Tiêu đề


$[function[]{
    function showValues[] {
        var str = $["form"].serialize[];
        $["#result"].text[str];
    }
    $["input[type='radio'], input[type='checkbox']"].on["click",showValues];
    $["select"].on["change",showValues];
    showValues[];
}];






Male:

Female:






HTML:



CSS:



JQUERY:






Hà Nội
Hồ Chí Minh
Nha Trang
Cần Thơ

Hiển thị trình duyệt:

Khi click chọn vào radio ta đã lấy được giá trị của các thành phần này thay đổi thông qua cặp giá trị name=value.name1=value1&name2=value2&...

Ví dụ thêm

Khi thay đổi giá trị của các thành phần trong form, ta sẽ lấy được các giá trị của các thành phần này thông qua các cặp giá trị name1=value1&name2=value2&... sắp xếp theo thứ tự một tập hợp các phần tử input vào trong một chuỗi dữ liệu.

Định nghĩa serialize[] trong jQuery

Phương thức serialize[] trong jQuery sắp xếp theo thứ tự một tập hợp các phần tử input vào trong một chuỗi dữ liệu.cú pháp cho serialize[] trong jQuery:

$.serialize[ ]

Cú pháp serialize[] trong jQuery

Sau đây là cú pháp cho serialize[] trong jQuery:

• 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 serialize[] trong jQuery:

NA

Ví dụ minh họa serialize[] trong jQuery

   
      The jQuery Example
      

      
         $[document].ready[function[] {

            $["#driver"].click[function[event]{

               $.post[ 
                  "../serialize.php",
                  $["#testform"].serialize[],

                  function[data] {
                     $['#stage1'].html[data];
                  }

               ];

               var str = $["#testform"].serialize[];
               $["#stage2"].text[str];
            }];

         }];
      

   

   

      
Click on the button to load result.html file:

      

         STAGE - 1
      
      


      

         STAGE - 2
      

      
         


            

               
Name:
               

            

            

               
Age:
               

            

            


               
Sex:

               
 
                  Male
                  Female
               

            

            

               

                  
               
            

         

      

   

Giả sử chúng ta có nội dung PHP sau trong serialize.php file: