表单提交后使用ajax结果的部分

我有一个简单的上传表单，通过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法比奥

来源

2016-04-12 fabio_p

的HTML将在'data'退还，你应该能够解析。您可能会发现返回JSON更容易。 –

不要从ajax请求中返回HTML – cmnardi

我知道，使用JSON它会变得更加容易，但是我找到了一种方法找到我的数据特定的值，并放置在输入。

我的提交代码是未触及的，在我添加的成功内部。

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

问候法比奥

来源

2016-04-13 06:37:03

表单提交后使用ajax结果的部分

回答

相关问题