雑種のポメラニアン

フリープログラマーの日記とか人生観とか綴るよ

Rails3.1を使ってAJAXでdivタグの中身を書き換える

Rails3になってからほとんど良い事ずくめだったのだが
個人的には唯一AJAXがどうしても理解できず今年ずっと苦しんでいた。

昨日AJAXを使って、ようやくdivタグの中身を書き換えることに成功したので記述。

JAVAScript


$(function(){
$("#text1").keyup(function(){
ajax_post();
});
});

function ajax_post(){
var text1_val = $("#text1").val();
$.ajax({
url: "/shop/regist",
type: 'POST',
dataType: 'text',
data: {text1:text1_val},
success: function(data){
if(data.length>0){
$("#text_result").html("receive=" + data);
} else {
$("#text_result").html("no data");
}
},
error: function(){
alert("通信に失敗しました");
}
})
}

ようやく無名関数の意味がわかった・・・

erb view


<form id="textform" method="post">
<%= text_field_tag "text1" %>
</form>

<div id="text_result"></div>

controller


def regist
render :text => params[:text1] if not params[:text1].blank?
end

赤いところは私がず〜〜〜っと悩んでいたところです。
テキストを返せば良かったみたいです。