jjury ajaxForm 返回.json 文件
原标题：jQuery ajaxForm returning .json file
I ve got a model creation form in rails which I also have returning JSON through ajax. My code so far look like:
$( #new_stem ).ajaxForm({ //#new_stem is my form
dataType: json ,
success: formSuccess
});
function formSuccess(stemObj) {
//does stuff with stemObj
}
And I have a multipart form with a file uploader (but I m not sure if that is relevant).
When I submit the form it works fine (my models are properly being created and renders as json), but instead of the json getting handled by the formSuccess function, it prompts a download for "stems.json" (the path to my stem creation action) in Firefox.
What would cause this to happen, and what could solve it? Not sure if this is part of the problem, but I don t have a submit button in my form, I have a link with a click handler that calls $( #new_stem).submit()
Thanks guys!
EDIT: Firebug tells me the header contains the following:
Etag "b53e5247e7719cf6b1840e2c6e68781c"
Connection Keep-Alive
Content-Type application/json; charset=utf-8
Date Mon, 03 May 2010 02:19:31 GMT
Server WEBrick/1.3.1 (Ruby/1.8.7/2010-01-10)
X-Runtime 241570
Content-Length 265
Cache-Control private, max-age=0, must-revalidate
plus a cookie header
最佳回答
Though not exactly what I was aiming to solve, I was able to come to a slightly different solution that suited my needs!
As ajax file uploads are done through iframes, the issue was that after the iframe loaded the .json file, it was interpreted by Firefox as a download and a download prompt was opened. I am pretty sure I could have played with some server settings to prevent this, but I ve already sunk enough time into this.
So what I did was rendered the output as text instead of json because I was only really fishing for one id number anyway. My code now looks like:
$(document).ready(function() {
$( #continue-upload ).click(function() {
$( #new_stem ).ajaxSubmit({
dataType: text , // json ,
success: formSuccess
});
});
});
The id number I needed also came wrapped in pre tags, so I needed to strip those off in my results function as well.
This does what I want it to now, woo!
问题回答
To prevent browser to trigger download of .json file set Content-type header to "text/html".
PHP:
header("Content-type: text/html");
ASP.NET MVC:
return Json(obj, "text/html");
In javascript you need to parse text result, like this:
$(".addform").ajaxSubmit({
url: "file.php",
type: "POST",
dataType: "text",
iframe: true,
success: function (text) {
var data = $.parseJSON(text);
},
error: function (xmlRequest, textStatus, errorThrown) {
alert(errorThrown);
}
});
Works perfectly.
Actually the ajaxSubmit code for that plugin is slightly hacky. To make ajaxSubmit work (at time of writing) your server must return JSON data as content-type=text/html. The plugin will automatically pull off the
tags etc (see source). I guess when they were trying to get the hidden iframe to pull json back they decided to treat json a text and parse it off the iframe.
This plugin will allow you to submit MultiPart Forms using ajax.
If you want to use the Ajax success: option you have to submit the form using ajax. Currently you are using the submit() function which basically just submits the form in the traditional way. The fact that you are able to see the json data as a downloaded file or in your browsers means that this is happening.
You need to use that plugin(if you need the multipart function - otherwise just use the regular Ajax function)
With the plugin, you would use it like this :
$("#SubmitButton").click(function() {
$.ajaxFileUpload({
url: serverurl,
secureuri: false,
fileElementId: elementId,
dataType: json ,
success: function(data, status) {
/* show success message */
},
error: function(data, status, e) {
/* handle error */
}
});
});
If you want to do it without the file upload, there is an easier way to do it.
$("#SubmitButton").click(function() {
$.post( YOUR_URL , $("#FormName").serialize(), function(data) {
alert(data.name); // John
}, "json"); //specify return data is going to be json
});
Sounds like as if its Content-Type response header is incorrect and thus the browser doesn t know what to do with it. It should be application/json. You can use the Firebug s Net panel to detemine the actual response headers.
Are you cancelling the default action of the submit event? It sounds like the form is actually being submitted (in the classical sense – in other words, Firefox is actually navigating to the page specified in the form s action).
Maybe it helps
$( #cpFileUpload ).ajaxForm({
dataType: html ,
success: function(data) {
eval(data);
if (data.result == false) {
alert( error on server side );
} else {
// do what you want
}
}
});
And on server side the output must be like this (only this output or without any other text inside body tag)
var data = {result: true, html: ok }
Not so nice, but working
Easy way:
$( #new_stem ).ajaxForm({
dataType: text ,
complete: function(xhr) {
data = JSON.parse(xhr.responseText);
}});
相关问题
rails collection_select vs. select
collection_select and select Rails helpers: Which one should I use?
I can t see a difference in both ways. Both helpers take a collection and generates options tags inside a select tag. Is there a ...
SSL slowness in EC2
We ve deployed our rails app to EC2. In our setup, we have two proxies on small instances behind round-robin DNS. These run nginx load balancers for a dynamically growing and shrinking farm of web ...
Auth-code with A-Za-z0-9 to use in an URL parameter
As part of a web application I need an auth-code to pass as a URL parameter.
I am currently using (in Rails) :
Digest::SHA1.hexdigest((object_id + rand(255)).to_s)
Which provides long strings like :
...
RubyCAS-Client question: Rails
I ve installed RubyCAS-Client version 2.1.0 as a plugin within a rails app. It s working, but I d like to remove the ?ticket= in the url. Is this possible?
activerecord has_many :through find with one sql call
I have a these 3 models:
class User < ActiveRecord::Base
has_many :permissions, :dependent => :destroy
has_many :roles, :through => :permissions
end
class Permission < ActiveRecord::...
Ordering a hash to xml: Rails
I m building an xml document from a hash. The xml attributes need to be in order. How can this be accomplished?
hash.to_xml
Text Editor for Ruby-on-Rails
guys which text editor is good for Rubyonrails?
i m using Windows and i was using E-Texteditor but its not free n its expired now can anyone plese tell me any free texteditor?
n which one is best an ...
How to get SQL queries for each user where env is production
I’m developing an application dedicated to generate statistical reports, I would like that user after saving their stat report they save sql queries too. To do that I wrote the following module:
...
