Gửi nhiều giá trị hộp kiểm tới php ajax

Mã nguồn

cơ sở dữ liệu

 --  
 -- Table structure for table `tbl_language`  
 --  
 CREATE TABLE IF NOT EXISTS `tbl_language` [  
  `id` int[11] NOT NULL AUTO_INCREMENT,  
  `name` varchar[100] NOT NULL,  
  PRIMARY KEY [`id`]  
 ] ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;  
 --  
 -- Dumping data for table `tbl_language`  
 --  

insert_checkbox. php

   
   
        
           Webslesson Tutorial | Insert Checkbox values using Ajax Jquery in PHP  
             
             
             
        
        
           
  
           
  
                
Insert Checkbox values using Ajax Jquery in PHP
  
                
  
                     PHP 
  
                     ASP 
  
                     JSP 
  
                     Python 
                      
                
       
                Submit  
                
  
                
  
           
  
        
   
   
 $[document].ready[function[]{  
      $['#submit'].click[function[]{  
           var languages = [];  
           $['.get_value'].each[function[]{  
                if[$[this].is[":checked"]]  
                {  
                     languages.push[$[this].val[]];  
                }  
           }];  
           languages = languages.toString[];  
           $.ajax[{  
                url:"insert.php",  
                method:"POST",  
                data:{languages:languages},  
                success:function[data]{  
                     $['#result'].html[data];  
                }  
           }];  
      }];  
 }];  
   

chèn. php

• Chia sẻ cái này.   
• Facebook
• Twitter
• Google+
• Tình cờ gặp
• đào

Thật khó để chuyển nhiều dữ liệu hộp kiểm sang php thông qua tệp jquery, chúng tôi đã lang thang trên internet để tìm ra một giải pháp đơn giản và hiệu quả và chúng tôi phải phát triển một giải pháp của riêng mình dựa trên các giải pháp khác nhau do người khác sáng lập [rõ ràng đó là cách internet

Chúng tôi không muốn sử dụng jquery serialize api, để chuyển nhiều mảng dữ liệu hộp kiểm với jquery và php mà không có lý do quan trọng nào, vì vậy chúng tôi phải tìm ra một cách hiệu quả và tốt hơn để chuyển nhiều dữ liệu hộp kiểm tới một thư php…

Chúng tôi đã xem qua bốn hướng dẫn về cách chuyển dữ liệu hộp kiểm qua jquery

• Nhận giá trị hộp kiểm trong jQuery
• Cách vượt qua nhiều hộp kiểm bằng bài đăng jQuery ajax
• Truyền mảng giá trị hộp kiểm sang php thông qua jQuery [ví dụ]
• Gửi nhiều dữ liệu hộp kiểm tới PHP thông qua jQuery ajax[]

Sử dụng các bài học rút ra trong 4 hướng dẫn này, chúng tôi đã tìm ra giải pháp hiệu quả của riêng bạn [các cải tiến và hoan nghênh các nhà phê bình]

Truyền nhiều mảng dữ liệu hộp kiểm bằng jquery và php

Đầu tiên biểu mẫu của chúng tôi [HTML]

Dusting
 
Mirrors
 
Floors
 
Trash/Recycling

Sau đó, trình quản lý dữ liệu của chúng tôi [JQUERY]

$[function[] {

 $["input,textarea,array"].jqBootstrapValidation[{
 preventSubmit: true,
 submitError: function[$form, event, errors] {
 // additional error messages or events
 },
 submitSuccess: function[$form, event] {
 event.preventDefault[]; // prevent default submit behaviour
 // get values from FORM
 var name = $["input#name"].val[];
 var email = $["input#email"].val[];
 var phone = $["input#phone"].val[];
 var message = $["textarea#message"].val[];
 var services = $["textarea#message"].val[];
 
 var data = { 'services[]' : []};
 $["input:checked"].each[function[] {
 
 data['services[]'].push[$[this].val[]]; 
 }];
 
 var cb = [];
 $.each[$['.cb:checked'], function[] {
 cb.push[$[this].val[]]; 
 }];

 var firstName = name; // For Success/Failure Message
 // Check for white space in name for Success/Fail message
 if [firstName.indexOf[' '] >= 0] {
 firstName = name.split[' '].slice[0, -1].join[' '];
 }
 $.ajax[{
 url: "././mail/contact_me.php",
 type: "POST",
 data: {
 name: name,
 phone: phone,
 email: email,
 message: message,
 data: data,
 cb:cb
 //services: services
 
 },
 cache: false,
 success: function[] {
 // Success message
 $['#success'].html["
"];
 $['#success > .alert-success'].html["×"]
 .append[""];
 $['#success > .alert-success']
 .append["Your message has been sent. "];
 $['#success > .alert-success']
 .append['
'];
 
 //clear all fields
 $['#contactForm'].trigger["reset"] 
 //close services panel
 $['#collapseExample'].collapse['hide'];
 },
 error: function[] {
 // Fail message
 $['#success'].html["
"];
 $['#success > .alert-danger'].html["×"]
 .append[""];
 $['#success > .alert-danger'].append["Sorry " + firstName + ", it seems that my mail server is not responding. Please try again later!"];
 $['#success > .alert-danger'].append['
'];
 //clear all fields
 $['#contactForm'].trigger["reset"] 
 //close services panel
 $['#collapseExample'].collapse['hide'];
 },
 }]
 },
 filter: function[] {
 return $[this].is[":visible"];
 },
 }];

 $["a[data-toggle=\"tab\"]"].click[function[e] {
 e.preventDefault[];
 $[this].tab["show"];
 }];
}];


/*When clicking on Full hide fail/success boxes */
$['#name'].focus[function[] {
 $['#success'].html[''];
}];

Cuối cùng Người gửi thư của chúng tôi [PHP]