为了增加页面刷新速度,增加页面体验,现在很多网站都增加了ajax运用,这篇文章主要是介绍怎么在Rails项目中增加ajax运用,
首先我们要修改a标签的链接调用方式,代码如下
$(document).ready(function () {
$("#superUnitId").find("a").each(function (i) {
$(this).click(function () {
$.ajax({
type: "post",
url: $(this).attr("href"),
dataType: "json",
success: function (data) {
$("#secondaryLi").empty();
for (var i = 0; i < data[1].length; i++) {
var liObj = "<li> <a tabindex=\"-1\" href=\"/metadata?sname=" + encodeURIComponent(data[0] + "-" + data[1][i].name) +
"\">" + data[1][i].name + "</a>" +
"</li>"
$("#secondaryLi").append(liObj);
}
}
});
return false;
});
});
});
def get_secondary_unit
@unit = SecondaryUnit.find_all_by_primary_unit_id(params[:id])
@primary = PrimaryUnit.find(params[:id]).name
respond_to do |format|
format.js
format.json { render :json => [@primary, @unit] }
end
end