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

时间:2016-04-12 20:57:13

标签: php jquery json ajax twitter-bootstrap

我有一个简单的上传表单,通过ajax帖子发送请求。结果(数据)以bootstrap模式显示 - 按预期工作。

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 Fabio

1 个答案:

答案 0 :(得分:0)

我知道,使用JSON会变得更容易,但我找到了一种方法来查找数据中的特定值并将它们放在输入中。

在我添加的成功内容中,我的提交代码未受影响。

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

问候Fabio