如何将我的jQuery表单发送到node.js connect-form

时间:2012-01-31 19:03:55

标签: javascript jquery node.js express

服务器端,我使用下面的函数(用作espressjs中间件)

function objCreation(req, res, next){
  req.form.complete(function(err, fields, files){
    if (err) {
       next(err);
    } else {
       // Set params in request
       obj = {};
       obj.label = fields.label;
       // Check if picture is provided
       if(files.image){
          // Move file to correct dir
          var fs = require("fs");
          var folder = '/var/images/';
          var src = files.image.path;
          var filename = files.image.name;
          var target = folder + filename;

          obj.filename = filename;
          req.obj = obj;

           fs.rename(src, target, function (status) {
             next();
          });
       } else {
          obj.filename = 'nofile';
          req.obj = obj;
          next();
       }
    }
  });
}

基本上,它会收到提交表单的字段。此函数使用“connect-form”node.js模块。

客户端,我使用输入文本:

<input id="new_obj" type="text" placeholder="New"/>

并在此输入上点击返回时触发回调:

// Add callback for object creation
$('#new_obj').keypress(function(e){
  if (e.which == 13){
    createObj();
  }
});

createObj函数如下:

function createObj(){
 $.ajax({
   url: "/object/create/",
   type: "POST",
   data: { label : "label" },
   success: function(obj) {
     console.log(obj);
   },
   error: function(jqXHR,status,errorThrown) {
     alert(jqXHR.responseText + '-' + status + '-' + errorThrown);
   }
 });
}

我无法让最后一部分以正确的格式发送表单,因此使用服务器方法处理它。我不想更改服务器端,因为它已经被其他一些客户端使用(iOS客户端使用ASIFormDataRequest发送表单)。

我目前正在查看ajaxForm jQuery插件,看看这是否有帮助。

1 个答案:

答案 0 :(得分:0)

我设法通过使用不再使用connect-form的最后版本的expressjs来修复此问题(不推荐使用),但使用了强大的。