Jquery没有改变输入值

时间:2014-01-11 08:14:23

标签: jquery ajax

我正在使用ajax上传脚本(http://hayageek.com/docs/jquery-upload-file.php)在表单中上传pdf和图片。 pdf一个很好用,隐藏的表单字段用返回的数据(一个整数!)进行操作。图像1接收返回的数据,但不更新隐藏的表单字段

编辑:我不知道复制和粘贴后出现多余的副作用 - 重新粘贴!

这是我的代码

<div id="fileuploader">Image Upload</div><br/><div id="fileuploader2">PDF Upload</div></p>
    <input type="hidden" name="image" value="" id="image_id"/>
    <input type="hidden" name="pdf" value="" id="pdf_id"/>
    <script>
        jQuery(document).ready(function($)
        {
            $("#fileuploader").uploadFile({
            url:"http://snug/worshipbanners/wp-admin/admin.php?page=worship-banners/index.php&amp;banners-upload=true&amp;filename=image",
            fileName:"image",
            allowedTypes:'png,jpg,gif',
            dragDropStr: "<span><strong>Drag & Drop 2050mm x 300mm CYMK PDF</strong></span>",
            returnType:'json',
            onSuccess:function(files,data,xhr){ $("#image_id").val(JSON.parse(data));console.log(data)}
            });


            $("#fileuploader2").uploadFile({
            url:"http://snug/worshipbanners/wp-admin/admin.php?page=worship-banners/index.php&amp;banners-upload=true&amp;filename=pdf",
            fileName:"pdf",
            allowedTypes:'pdf',
            dragDropStr: "<span><strong>Drag & Drop 2050mm x 300mm CYMK PDF</strong></span>",
            onSuccess:function(files,data,xhr){ $("#pdf_id").val(JSON.parse(data));console.log(JSON.parse(data))}
            });
        });
    </script>

2 个答案:

答案 0 :(得分:0)

我在其中一行中看到了一组额外的括号,您可以在其中设置表单字段的值。我想知道这条线是否正在运行。尝试删除此行开头的括号:

()$("#image_id").val...

答案 1 :(得分:0)

如果返回的类型是JSON,就像你JSON.parse(data)

那样

你应该添加

returnType:'json', 


$("#fileuploader2").uploadFile({
            url:"http://snug/worshipbanners/wp-admin/admin.php?page=worship-banners/index.php&amp;banners-upload=true&amp;filename=pdf",
            fileName:"pdf",
            allowedTypes:'pdf',
            dragDropStr: "<span><strong>Drag & Drop 2050mm x 300mm CYMK PDF</strong></span>",
            returnType:'json', //ADDED HERE
            onSuccess:function(files,data,xhr){ $("#pdf_id").val(JSON.parse(data));console.log(JSON.parse(data))}
            });