Question

我有一個PHP函數可以創建動態創建的分割。每個部門都有不同的數據類型和按鈕。當用戶使用Javascript單擊提交按鈕時，如何檢索部門的數據類型？

PHP代碼：

function html_submit_docs($docname,$datasubmit){ 

$html .= '<section class="docs">'; 
    $html .= 
    '<div class="card_doc"> 
     <div class="custome-file" data-type="'.$datasubmit.'"> 
      <div id="label"> 
      Upload Your Document 
      </div> 
      <input type="file" /> 
      <button id="upload" value="Upload" /> 
     </div> 
    </div>'; 
    $html .= '</section>'; 
    return $html; 
} 

JavaScript代碼：

$(document).on('click', '#upload', function() { 
console.log('button activattion'); 
var form_data = new FormData(); 
var doctype = $(this).closest('div').find('data-type').attr('data-type'); 
console.log(doctype); 
    jQuery.ajax({ 
     type: 'POST', 
     url: ajaxobject.ajaxurl, 
     cache: false, 
     contentType: false, 
     processData: false, 
     data: { 
      action: 'upload_submit_docs', 
      testuser: ajaxobject.student_id, 
      doctype: doctype, 
      form_data: form_data 

     }, 
     dataType: 'json', 
     success: function(response) { 
      console.log(response); 
     }, 
     error: function(err) { 
      console.log('err', err)} 
    }); 

}) 

Answer 1

由於您使用jQuery你可以用data()：

var doctype = $(this).closest('div').data('type');