jquery ajax

(function() {
  $(function() {
    return $("input[data-newrecord-button]").click(function() {
      var home_id;
      home_id = $(this).attr("data-newrecord-button");
      return $.ajax({
        type: "GET",
        url: "/records/new?contains=" + home_id,
        dataType: "html"
      }).done(function(html) {
        return $("#result").append(html);
      });
    });
  });

}).call(this);

以上提供了一个demo，当然核心是这个

$.ajax({
        type: "GET",
        url: "/records/new?contains=" + home_id,
        dataType: "html"
      }).done(function(html) {
        return $("#result").append(html);
      });

基本上实现了访问和获取的功能

修改函数的参数即可完成其他不同的功能

如果是POST方式请求，可能会传递数据，封装并添加如下参数即可

data: {username:$("#username").val(), content:$("#content").val()},

从代码的大概意思就能看出来done之前是请求部分，done里面是请求处理部分。

在coffee比较简洁一点

$.ajax({
             type: "POST",
             url: "/records/create",
             #data: {username:$("#username").val(), content:$("#content").val()},
             dataType: "html",
             data: {
              home_id: $(this).attr("data-newrecord-button"),
              user_id: $("input#newrecord_userid_"+$(this).attr("data-newrecord-button")).val(), 
              title: $("input#newrecord_title_"+$(this).attr("data-newrecord-button")).val(),
              introduction:$("textarea#newrecord_info_"+$(this).attr("data-newrecord-button")).val(),
              payment:$("input#newrecord_payment_"+$(this).attr("data-newrecord-button")).val()
            }
         }).done (html) ->
      $("#result").append html