js

api.js

var api = {}

api.ajax = function(url, method, form, success, error) {
    var request = {
        url: url,
        type: method,
        data: form,
        success: function(response) {
            var r = JSON.parse(response)
            success(r)
        },
        error: function(err) {
            log('网络错误', error)
            var r = {
                'success': false,
                message: '网络错误'
            }
            error(r)
        }
    }
    $.ajax(request)
}
api.ajax = function(url, method, form, success, error) {
    var request = {
        url: url,
        type: method,
        data: form,
        success: function(response) {
            var r = JSON.parse(response)
            success(r)
        },
        error: success(err) {
            log('网络错误', error)
            error(r)
        }
    }
    $.ajax(request)
}
api.get = function(url, success, error) {
    api.ajax(url, 'get', {}, success, error)
}

api.post = function(url, form, response) {
    api.ajax(url, 'post', form, response, response)
}

// weibo API
api.weiboAdd = function(form, response) {
    var url = '/api/weibo/add'
    api.post(url, form, response)
}

api.weiboDelete = function(weiboId, success, error) {
    var url = '/api/weibo/delete/' + weiboId
    var form = {}
    api.get(url, success, error)
}

// 评论 API

// 用户 API

// window.onload = main;


var log = function() {
  console.log(arguments)
}

var weiboTemplate = function(weibo) {
  var w = weibo
  var t = `
    

      
      ${ w.weibo }
      by: ${ w.name }
      ${ w.created_time }

      

        删除
        评论(${ w.comments_num })
      
      

        

        
          
          
          发表
      
    
  `
  return t
}

$(document).ready(function(){
  // 展开评论事件
  $('a.com').on('click', function(){
    $(this).parent().next().slideToggle()
    return false;
  })


  // 绑定删除微博按钮事件,事件委托
  $('.weibo-container').on('click', '.weibo-delete', function(){
    var weiboId = $(this).data('id')
    log(weiboId)
    var weiboCell = $(this).closest('.weibo-cell')

    var success = function(response) {
      console.log('成功', arguments)
      $(weiboCell).slideUp()
      alert("删除成功")
      // $('.weibo-container').prepend(weiboTemplate(w))
    }
    var error = function() {
          console.log('错误', arguments)
          alert("删除失败")
    }
    api.weiboDelete(weiboId, success, error)
  })

  // 给按钮绑定添加 weibo 事件
  $('#id-button-weibo-add').on('click', function(){
    var weibo = $('#id-input-weibo').val()
    log('weibo,', weibo)
    var form = {
      weibo: weibo,
    }

    var response = function(r) {
        console.log('成功', arguments)
        log(r)
        if(r.success) {
          var w = r.data
          $('.weibo-container').prepend(weiboTemplate(w))
          alert("添加成功")
        } else {
          alert(r.message)
        }
    }

    api.weiboAdd(form, response)
  })
})
/*
function main(){
  $('a.com').on('click', function(){
    $(this).parent().next().slideToggle()
    return false;
  })

  $('a.blog-com').on('click', function(){
    $(this).parent().next().slideToggle()
    return false;
  })

  $('.blog-comment-add').on('click', function(){
      console.log('add button')
      var button = $(this)
      var parent = button.parent()
      var blog_id = parent.find('.comment-blog_id').val()
      console.log('weibo', blog_id)
      var comment = parent.find('.comment-content').val()
      console.log('comment', comment)

      var commentList = parent.parent().find('.comment-list')
      console.log('commentList', commentList)

      var weibo = {
          'blog_id': blog_id,
          'comment': comment
      }
      var request = {
          url: '/blog/comment',
          type: 'post',
          data: weibo,
          success: function() {
              console.log('成功', arguments)
              var response = arguments[0]
              var comment = JSON.parse(response)
              var content = comment.comment
              var avatar = comment.avatar
              var created_time = comment.created_time
              var name = comment.name
              var cell = `
                  

                    
                    ${content}
                    ${created_time}
                    by:${name}
                  
              `;
              commentList.append(cell)
              parent.find('.comment-content').val("")

          },
          error: function() {
              console.log('错误', arguments)
          }
      }
      $.ajax(request)
  })


}
*/

html

    
    
    
    
    
    
    


    

      
三千院和他的朋友们
      

        三千院的博客
        微博
        个人资料
      
    
  

    

    


      

        
             
            

            水一发！
        
      
      


      

        {% for t in weibos %}
          

            
            {{ t.weibo }}
            {{ t.created_time }}
            by: {{ t.name }}
            

              删除
              评论({{ t.comments_num }})
            
            

              

              {% for c in t.comment %}
                

                  
                  {{ c.comment }}
                  {{ c.created_time }}
                  by:{{ c.name }}
                
              {% endfor %}
              
              

                
                
                发表
              
            
          
        {% endfor %}