如何通过ajax发送JavaScript变量

时间:2014-08-25 11:12:33

标签: javascript php jquery ajax

我不知道如何通过以下方法发送两个参数(l_id和l_title)。我使用了文件上传插件,并希望在php文件中发送两个参数。

请帮助我如何在下面的代码中分配我的变量值,如果在下面的变量周围使用双引号或单引号,但是如引号中所述发送静态名称。

 formData: { id: "l_id", title: "l_title"},

但我想将变量的动态值发送到php文件,所以我需要使用下面的代码来解决问题。

 formData: { id: l_id, title: l_title},

以下是jquery的完整代码

  <script>
            $(document).ready(function()
            {
            $(window).load(function(){
            var l_id = $("#id").val();
            var l_title = $("#title").val();
            });
            var settings = {

                url: "ajax_upload.php",
                method: "POST",
                allowedTypes:"jpg,png,gif,pdf",
                formData: { id: l_id, title: l_title},
                fileName: "imageSource",
                multiple: true,
                onSuccess:function(files,data,xhr)
                {
                    $("#status").html(data);
                    },
                    afterUploadAll:function()
                    {
                            alert("all images uploaded!!");
                    },
                onError: function(files,status,errMsg)
                {        
                    $("#status").html("<font color='red'>Upload is Failed</font>");
                }
            }
            $("#mulitplefileuploader").uploadFile(settings);

            });
        </script>

3 个答案:

答案 0 :(得分:2)

data: { id: $("#id").val(), title: $("#title").val()}

答案 1 :(得分:0)

你可以像这样使用onUploadStart函数

'onUploadStart':function (file)  {
            $('#js_add_file').uploadify('settings','formData',{
                'id':$("#id").val(),
                'title':$("#title").val()
            });
        },  

答案 2 :(得分:0)

 <script>
            $(document).ready(function()
            {
            $(window).load(function(){
            var l_id = $("#id").val();
            var l_title = $("#title").val();
            });
            var settings = {

                url: "ajax_upload.php",
                method: "POST",
                allowedTypes:"jpg,png,gif,pdf",
                data: { id: $("#id").val(), title: $("#title").val()}
                fileName: "imageSource",
                multiple: true,
                onSuccess:function(files,data,xhr)
                {
                    $("#status").html(data);
                    },
                    afterUploadAll:function()
                    {
                            alert("all images uploaded!!");
                    },
                onError: function(files,status,errMsg)
                {        
                    $("#status").html("<font color='red'>Upload is Failed</font>");
                }
            }
            $("#mulitplefileuploader").uploadFile(settings);

            });
        </script>