Question

我正在尝试将表单数据从Titanium Mobile App提交到Ruby on Rails Web App。这是一个POST多部分请求，包括基本数据和图像。

我将展示我尝试提交数据的不同方式，以及从RoR日志中获得的错误。

一些细节：

problem[avatar]的图片来自手机相机。
以下代码适用于以下所有代码段。它出现在之前片段。

通用代码

var url = "http://some_RoR_app.herokuapp.com/problems";
var client = Ti.Network.createHTTPClient({
    // function called when the response data is available
    onload : function(e) {
        alert('success');
    },
    // function called when an error occurs, including a timeout
    onerror : function(e) {
        alert('error');
    },
    timeout : 60 * 1000
});

方式＃1

钛

我已将表单数据保存在变量中，然后将该变量传递给send()函数。

var params = {
    'problem[avatar]': $.report_image_view.reportPhoto.toImage(), // returns a [Ti.Blob] object
    'problem[title]': $.report_title_view.title.value,
    'problem[description]': $.report_description_view.description.value,
    'problem[ptype]': $.report_type_view.report_type.value['valueID'],
    'problem[status]': 1,
    'problem[priority]': 2,
    'problem[latitude]': latitude,
    'problem[longitude]': longitude,
    'problem[user_id]': 2
}

// Prepare the connection.
client.open("POST", url);
client.send(params);

RoR Log

013-09-04T18:30:54.048412+00:00 app[web.1]: Started POST "/problems" for 111.222.333.444 at 2013-09-04 18:30:54 +0000
2013-09-04T18:30:54.248656+00:00 app[web.1]: Processing by ProblemsController#create as MULTIPART_FORM
2013-09-04T18:30:54.248656+00:00 app[web.1]: [paperclip] Saving attachments.
2013-09-04T18:30:54.248656+00:00 app[web.1]: Redirected to https://km7.herokuapp.com/problems/32
2013-09-04T18:30:54.248656+00:00 app[web.1]: Completed 302 Found in 194ms (ActiveRecord: 80.2ms)
2013-09-04T18:30:54.252433+00:00 heroku[router]: at=info method=POST path=/problems host=some_RoR_app.herokuapp.com fwd="111.222.333.444" dyno=web.1 connect=2ms service=208ms status=302 bytes=103
2013-09-04T18:30:55.157538+00:00 app[web.1]: Started POST "/problems/32" for 111.222.333.444 at 2013-09-04 18:30:55 +0000

结果

这个帖子已经完成，但没有按预期完成。新记录将添加到数据库中，但它是空的。换句话说，图像不会上传，标题为空，描述，坐标和其他所有内容也是如此。只设置了时间戳和（对象）id。

方式＃2

钛

我所做的是，不是将表单数据保存在变量中，而是传递该变量，我创建了以表单数据作为参数传递给函数的对象。

client.open("POST", url);
client.send({
    "problem[avatar]" : $.report_image_view.reportPhoto.toImage(), // returns a [Ti.Blob] object
    "problem[title]" : $.report_title_view.title.value,
    "problem[description]" : $.report_description_view.description.value,
    "problem[ptype]" : $.report_type_view.report_type["valueId"],
    "problem[status]" : 1,
    "problem[priority]" : 2,
    "problem[latitude]" : latitude,
    "problem[longitude]" : longitude,
    "problem[user_id]" : 2
});

RoR Log

2013-09-04T18:48:48.328758+00:00 app[web.1]: Started POST "/problems" for 111.222.333.444 at 2013-09-04 18:48:48 +0000
2013-09-04T18:48:48.635395+00:00 app[web.1]: Processing by ProblemsController#create as MULTIPART_FORM
2013-09-04T18:48:48.635395+00:00 app[web.1]: [paperclip] Saving attachments.
2013-09-04T18:48:48.635395+00:00 app[web.1]: Redirected to https://km7.herokuapp.com/problems/34
2013-09-04T18:48:48.635395+00:00 app[web.1]: Completed 302 Found in 299ms (ActiveRecord: 66.1ms)
2013-09-04T18:48:48.644302+00:00 heroku[router]: at=info method=POST path=/problems host=some_RoR_app.herokuapp.com fwd="111.222.333.444" dyno=web.1 connect=2ms service=325ms status=302 bytes=103

结果

正如以前一样。帖子已经完成，但没有按预期完成。新记录将添加到数据库中，但它是空的。

方式＃3

钛

这次我传递一个字符串，其中传递的参数就像是GET一样。但是，我不能以这种方式传递图像......或者我可以吗？

var post_data =  "problem[title]=Report rest client&problem[latitude]=18.09&problem[longitude]=-67.12&problem[ptype]=1&problem[status]=1&problem[priority]=2&problem[description]=Test description from rest client&problem[user_id]=2&problem[address]=123 Main Street, PR";

// Prepare the connection.
client.open("POST", url);           
client.send(post_data);

RoR Log

我不知道为什么，但它一直在重复引导我/问题，直到它放弃。

2013-09-04T19:03:30.982008+00:00 heroku[router]: at=info method=POST path=/problems host=some_RoR_app.herokuapp.com fwd="111.222.333.444" dyno=web.1 connect=2ms service=10ms status=307 bytes=0
2013-09-04T19:03:36.415999+00:00 app[web.1]: Started POST "/problems" for 111.222.333.444 at 2013-09-04 19:03:36 +0000
2013-09-04T19:03:36.475568+00:00 heroku[router]: at=info method=POST path=/problems host=some_RoR_app.herokuapp.com fwd="111.222.333.444" dyno=web.1 connect=1ms service=64ms status=302 bytes=100
2013-09-04T19:03:36.476626+00:00 app[web.1]: Processing by ProblemsController#create as JS
2013-09-04T19:03:36.476626+00:00 app[web.1]:   Parameters: {"problem"=>{"title"=>"Report rest client", "latitude"=>"18.09", "longitude"=>"-67.12", "ptype"=>"1", "status"=>"1", "priority"=>"2", "description"=>"Test description from rest client", "user_id"=>"2", "address"=>"Calle 3, Bo. Coto Sur"}}
2013-09-04T19:03:36.476626+00:00 app[web.1]: Redirected to https://some_RoR_app.herokuapp.com/problems
2013-09-04T19:03:36.476626+00:00 app[web.1]: Completed 302 Found in 54ms (ActiveRecord: 26.1ms)
2013-09-04T19:03:37.428602+00:00 app[web.1]: Started POST "/problems" for 111.222.333.444 at 2013-09-04 19:03:37 +0000
2013-09-04T19:03:37.532547+00:00 app[web.1]: Processing by ProblemsController#create as JS
2013-09-04T19:03:37.532547+00:00 app[web.1]:   Parameters: {"problem"=>{"title"=>"Report rest client", "latitude"=>"18.09", "longitude"=>"-67.12", "ptype"=>"1", "status"=>"1", "priority"=>"2", "description"=>"Test description from rest client", "user_id"=>"2", "address"=>"Calle 3, Bo. Coto Sur"}}
2013-09-04T19:03:37.532547+00:00 app[web.1]: Redirected to https://some_RoR_app.herokuapp.com/problems
2013-09-04T19:03:37.532547+00:00 app[web.1]: Completed 302 Found in 92ms (ActiveRecord: 61.0ms)
2013-09-04T19:03:38.457108+00:00 heroku[router]: at=info method=POST path=/problems host=some_RoR_app.herokuapp.com fwd="111.222.333.444" dyno=web.1 connect=2ms service=84ms status=302 bytes=100
2013-09-04T19:03:38.378766+00:00 app[web.1]: Started POST "/problems" for 111.222.333.444 at 2013-09-04 19:03:38 +0000
2013-09-04T19:03:38.455542+00:00 app[web.1]: Processing by ProblemsController#create as JS
2013-09-04T19:03:38.455542+00:00 app[web.1]:   Parameters: {"problem"=>{"title"=>"Report rest client", "latitude"=>"18.09", "longitude"=>"-67.12", "ptype"=>"1", "status"=>"1", "priority"=>"2", "description"=>"Test description from rest client", "user_id"=>"2", "address"=>"Calle 3, Bo. Coto Sur"}}
2013-09-04T19:03:38.455542+00:00 app[web.1]: Redirected to https://some_RoR_app.herokuapp.com/problems
2013-09-04T19:03:38.455542+00:00 app[web.1]: Completed 302 Found in 67ms (ActiveRecord: 48.9ms)
2013-09-04T19:03:39.319540+00:00 app[web.1]: Started POST "/problems" for 111.222.333.444 at 2013-09-04 19:03:39 +0000
2013-09-04T19:03:39.361228+00:00 app[web.1]: Processing by ProblemsController#create as JS
2013-09-04T19:03:39.361228+00:00 app[web.1]:   Parameters: {"problem"=>{"title"=>"Report rest client", "latitude"=>"18.09", "longitude"=>"-67.12", "ptype"=>"1", "status"=>"1", "priority"=>"2", "description"=>"Test description from rest client", "user_id"=>"2", "address"=>"Calle 3, Bo. Coto Sur"}}
2013-09-04T19:03:39.361228+00:00 app[web.1]: Redirected to https://some_RoR_app.herokuapp.com/problems
2013-09-04T19:03:39.361228+00:00 app[web.1]: Completed 302 Found in 38ms (ActiveRecord: 22.6ms)
2013-09-04T19:03:39.630525+00:00 app[web.1]: Started POST "/problems" for 111.222.333.444 at 2013-09-04 19:03:39 +0000
2013-09-04T19:03:39.731993+00:00 app[web.1]: Processing by ProblemsController#create as JS
2013-09-04T19:03:39.731993+00:00 app[web.1]:   Parameters: {"problem"=>{"title"=>"Report rest client", "latitude"=>"18.09", "longitude"=>"-67.12", "ptype"=>"1", "status"=>"1", "priority"=>"2", "description"=>"Test description from rest client", "user_id"=>"2", "address"=>"Calle 3, Bo. Coto Sur"}}
2013-09-04T19:03:39.731993+00:00 app[web.1]: Redirected to https://some_RoR_app.herokuapp.com/problems
2013-09-04T19:03:39.731993+00:00 app[web.1]: Completed 302 Found in 84ms (ActiveRecord: 37.1ms)
2013-09-04T19:03:39.741297+00:00 heroku[router]: at=info method=POST path=/problems host=some_RoR_app.herokuapp.com fwd="111.222.333.444" dyno=web.1 connect=2ms service=117ms status=302 bytes=100

结果

我没有在数据库中看到任何变化。什么都没有保存。

方式＃4

钛

这次我以不同的方式组织params对象。否则，它类似于方式＃1

var params = 
    { problem : {
        avatar : $.report_image_view.reportPhoto.toImage(),
        title : $.report_title_view.title.value,
        description : $.report_description_view.description.value,
        ptype : $.report_type_view.report_type.value['valueID'],
        status : 1,
        priority : 2,
        latitude : latitude,
        longitude : longitude,
        user_id : 2     
    }}


// Prepare the connection.
client.open("POST", url);
client.send(params);

RoR Log

2013-09-04T19:19:38.381670+00:00 heroku[router]: at=info method=POST path=/problems host=some_RoR_app.herokuapp.com fwd="111.222.333.444" dyno=web.1 connect=4ms service=11ms status=307 bytes=0
2013-09-04T19:19:41.117687+00:00 app[web.1]: Started POST "/problems" for 111.222.333.444 at 2013-09-04 19:19:41 +0000
2013-09-04T19:19:41.162099+00:00 app[web.1]: NoMethodError (undefined method `stringify_keys' for #<String:0x00000003672638>):
2013-09-04T19:19:41.162099+00:00 app[web.1]:   app/controllers/problems_controller.rb:29:in `new'
2013-09-04T19:19:41.162099+00:00 app[web.1]:   app/controllers/problems_controller.rb:29:in `create'
2013-09-04T19:19:41.162099+00:00 app[web.1]: 
2013-09-04T19:19:41.162099+00:00 app[web.1]: 
2013-09-04T19:19:41.162726+00:00 app[web.1]: Processing by ProblemsController#create as URL_ENCODED_FORM
2013-09-04T19:19:41.162726+00:00 app[web.1]:   Parameters: {"problem"=>"{\n    avatar = \"[object TiBlob]\";\n    description = \"Enter a description\";\n    latitude = \"37.33159255981445\";\n    longitude = \"-122.0305099487305\";\n    priority = 2;\n    status = 1;\n    title = \"A test title\";\n    \"user_id\" = 2;\n}"}
2013-09-04T19:19:41.162726+00:00 app[web.1]: Completed 500 Internal Server Error in 39ms
2013-09-04T19:19:41.164682+00:00 heroku[router]: at=info method=POST path=/problems host=some_RoR_app.herokuapp.com fwd="111.222.333.444" dyno=web.1 connect=2ms service=50ms status=500 bytes=643

结果数据库中没有保存任何内容。但是，这次它在Problems控制器的NoMethodError和new方法中明确生成create。

方式＃5

钛

这次我按照方式＃4 创建对象，但将其作为参数直接传递给send()方法，如 Way＃3

// Prepare the connection.
client.open("POST", url);
client.send({
    problem : {
        avatar : $.report_image_view.reportPhoto.toImage(),
        title : $.report_title_view.title.value,
        description : $.report_description_view.description.value,
        ptype : $.report_type_view.report_type.value['valueID'],
        status : 1,
        priority : 2,
        latitude : latitude,
        longitude : longitude,
        user_id : 2 
}});

RoR Log

2013-09-04T20:16:36.865831+00:00 heroku[router]: at=info method=POST path=/problems host=some_RoR_app.herokuapp.com fwd="111.222.333.444" dyno=web.1 connect=2ms service=3ms status=307 bytes=0
2013-09-04T20:16:38.772048+00:00 app[web.1]: Started POST "/problems" for 111.222.333.444 at 2013-09-04 20:16:38 +0000
2013-09-04T20:16:38.808102+00:00 app[web.1]: NoMethodError (undefined method `stringify_keys' for #<String:0x00000005d45f58>):
2013-09-04T20:16:38.808102+00:00 app[web.1]:   app/controllers/problems_controller.rb:29:in `new'
2013-09-04T20:16:38.808102+00:00 app[web.1]:   app/controllers/problems_controller.rb:29:in `create'
2013-09-04T20:16:38.808102+00:00 app[web.1]: 
2013-09-04T20:16:38.808102+00:00 app[web.1]: 
2013-09-04T20:16:38.808786+00:00 app[web.1]: Processing by ProblemsController#create as URL_ENCODED_FORM
2013-09-04T20:16:38.808786+00:00 app[web.1]:   Parameters: {"problem"=>"{\n    avatar = \"[object TiBlob]\";\n    description = \"Fix it asap.\";\n    latitude = \"37.33069610595703\";\n    longitude = \"-122.0306701660156\";\n    priority = 2;\n    status = 1;\n    title = \"A broken water pipe\";\n    \"user_id\" = 2;\n}"}
2013-09-04T20:16:38.808786+00:00 app[web.1]: Completed 500 Internal Server Error in 30ms
2013-09-04T20:16:38.809384+00:00 heroku[router]: at=info method=POST path=/problems host=some_RoR_app.herokuapp.com fwd="111.222.333.444" dyno=web.1 connect=2ms service=41ms status=500 bytes=643

结果

与 Way＃4

相同的错误

这让我发疯了。

你知道我做错了什么吗？我怎样才能解决这个问题？我很乐意回答任何可以帮助你帮助我的问题。只需发表评论。

Answer 1

尝试添加：

client.setRequestHeader（'enctype'，'multipart / form-data'）;

在打开功能之前

。

将POST表单数据从Titanium Mobile App提交到Ruby on Rails Web App

1 个答案: