2016-04-12 45 views
0

我有一個簡單的上傳表單,通過ajax發送請求。結果(數據)以引導模式顯示 - 按預期工作。表單提交後使用ajax結果的部分

upload.php的部分內容是從上傳的圖片中讀取exif數據,我想在我的開始表格中使用這些信息(使用exif信息更新佔位符)。

$(document).on('submit', '#uploadForm', function(e) { 
     e.preventDefault(); 
     $.ajax({ 
      url: './includes/upload.php', 
      type: 'POST', 
      data: new FormData(this), 
      contentType: false, 
      cache: false, 
      processData:false, 
      success: function(data){ 
       $('#modal .modal-body').html(data); 
       $('#modal').modal('show'); 
      } 
     }); 
    }); 

HTML結果:

 <img src="<?php echo $imgpPath; ?>" /> 
     <div class='fp_upload'> 
      <div class="alert alert-success"> 
       <?php 
        echo '<p class="body">'.$img_body.'</p>'; 
        echo '<p class="lens">'.$img_lens.'</p>'; 
        echo '<p class="iso">'.$img_iso.'</p>'; 
        echo '<p class="aperture">'.$img_aperture.'</p>'; 
        echo '<p class="exposure">'.$img_exposure.'</p>'; 
       ?> 
      </div> 
     </div> 

這將是一個很好的方式,以獲得所需的相關信息某處的數據?

Greeings法比奧

+1

的HTML將在'data'退還,你應該能夠解析。您可能會發現返回JSON更容易。 –

+0

不要從ajax請求中返回HTML – cmnardi

回答

0

我知道,使用JSON它會變得更加容易,但是我找到了一種方法找到我的數據特定的值,並放置在輸入。

我的提交代碼是未觸及的,在我添加的成功內部。

var img_name = $(data).find('#img_name').attr('data-placeholder'); 
$('#input_name').val(img_name); 

問候法比奧