2011-10-03 114 views
0

这可能看起来像一个nub问题。我会第一个承认我的JavaScript知识是有限的,但我非常拼命地尝试学习。尝试将数据传递到其他字段时遇到了一些麻烦。将数据从表单值传递给ajax调用(Javascript)

$(function() { 
    $('#upload_file').submit(function (e) { 
     e.preventDefault(); 
     $.ajaxFileUpload({ 
      url: './upload/upload_file/', 
      secureuri: false, 
      fileElementId: 'userfile', 
      dataType: 'json', 
      data: { 
       'title': $('#title').val() 
      }, 
      success: function (data, status) { 
       if (data.status != 'error') { 
        $('#files').html('<p>Reloading files...</p>'); 
        refresh_files(); 
        $('#title').val(''); 
       } 
       alert(data.msg); 
      } 
     }); 
     return false; 
    }); 
}); 

正如你在上面看到的,我在AJAX调用的数据参数中传递了标题值。这是成功的。问题是,我将如何去关于在数据参数中传递更多的论坛值?

回答

4

只需用逗号分隔下一个值即可。

data : { 
     title : $('#title').val(), 
     name : "hi", 
     message : "I'm another param" 
}, 
+0

非常感谢。传递由选择框定义的值时,原始语法会有所不同吗? – Elliott

1

一个简单的方法来获取所有表单值是这样的:

data: $('#my-form').serialize() 

工作得很好,我在大多数情况下,除非我只想抓住特定值。你可以在这里阅读更多关于它的信息:http://api.jquery.com/serialize/

无论哪种方式,上面的答案可能是你想要的,我只是认为我会抛出一个快速提示。当我第一次想到这一点时,我很兴奋:)