I recently delved into the world of ruby on rails a few days back. My current challenge involves transferring data from html tags to a ruby function using ajax.
Below is the error message that has been giving me trouble:
POST http://localhost:3000/ajax/ounces 422 (Unprocessable Entity)
To trigger the javascript function, I have set up an html button with an onclick attribute:
<button class="btn btn-primary" style="width:24%;" type="button" onclick="ounces_fn()">Fluid Ounces</button>
Here's my ajax call implemented in javascript:
<script>
function ounces_fn() {
var meas1 = $("#m1").val().replace( /^\D+/g, '');
var meas2 = $("#m2").val().replace( /^\D+/g, '');
var meas3 = $("#m3").val().replace( /^\D+/g, '');
var meas4 = $("#m4").val().replace( /^\D+/g, '');
$.post('/ajax/ounces', {
num1: meas1,
num2: meas2,
num3: meas3,
num4: meas4
}, function(data) {
alert("success!");
$("m1").val(data[0].result.toString() + "oz.");
$("m2").val(data[1].result.toString() + "oz.");
$("m3").val(data[2].result.toString() + "oz.");
$("m4").val(data[3].result.toString() + "oz.");
});
}
</script>
This is the segment dedicated to the controller:
post '/ajax/ounces' => 'welcome#ajax_ounces'
And here is the snippet containing the ruby function:
def ajax_ounces
numArray = [params["num1"].to_f, params["num2"].to_f, params["num3"].to_f, params["num4"].to_f]
returnArray = Array.new(4);
i = 0
while i < numArray.length do
returnArray[i] = numArray[i] / 30
i += 1
end
respond_to do |format|
format.json {render :json => {:result => returnArray}}
end
end
I've scoured through numerous resources but couldn't quite match my issue. Any guidance you could offer would be greatly appreciated. Thank you.