标签：middle   success   节点   cookie   ajax   ice   publish   button   parent   

ajax请求

ajax请求特性

1. 异步执行

2. 局部刷新

ajax语法

基于javascript

• js中的text()，html() ，val()的区别

  text()，html() ，val()三个方法用于html元素的存值和取值

  • text()用于html元素文本内容的存取
  • html()不但可以用于html元素文本内容的存取，还可以用于html内容的存取。
  • val()用于input元素内容的存取。

• js遍历

  each

  $.each(obj, function(i, j){
      console.log(i,j)
  })
  

• 查找父节点

  $(this).parent()
  

  
      {% csrf_token %}
      
      {% for book in book_list %}
          
      {% endfor %}
  
      
  
  编号
          
  书籍名称
          
  价格
          
  出版日期
          
  出版社
          
  作者
          
  操作
      
  
  {{ forloop.counter }}
              
  {{ book.title }}
              
  {{ book.price }}
              
  {{ book.pub_date|date:‘Y-m-d‘ }}
              
  {{ book.publish.name }}
              
  
                  {% for author in book.authors.all %}
                      {{ author.name }}
                      {% if not forloop.last %}
                          |
                      {% endif %}
                  {% endfor %}
              
              
  
                  删除
                  ajax删除
                  编辑
              
          
  
  	通过button删除一个tr节点，即一条显示的记录
      

• ajax 反向解析动态传参

  1. 执行ajax关联的标签添加自定义属性: 如data_url="{% url ‘bookdel‘ book.pk%}

  ajax删除
  

  2. js中获取自定义属性值, ajax中url定义变量

     var book_url = $(this).attr("data_url")
     $.ajax({
         url:book_url,
         type:"post",
         ........
     })
     

• 标签自定义属性

• form表单input标签submit属性与表单里的button按钮触发post请求。如果不需要form表单发送post请求，ajax发送，将input标签type改为button

  
      {% csrf_token %}
      
      UserName: 
      Password:   //type属性为button，form表单不会发送get或post请求
  
  

• csrf_token验证：post

  1. 前端form表单中取隐藏标签属性值放入data中post到后端

     $.ajax({
     	data:{
     		csrfmiddlewaretoken:$(‘[name="csrfmiddlewaretoken"]‘).val()
     		}
     	})
     

  2. ajaxSetup：django将csrftoken传送到前端，前端post时携带这个值

     $.ajaxSetup({data:csrfmiddlewaretoken=‘{{csrf_token}})
     

  3. 发送contenttype类型数据时,通过获取响应返回的cookie中的字符串， 放置在请求头中发送。需要引入一个jquery.cokkie.js插件

     {%load static%}
     
     
     $.ajax{{
     	head:{"X-CSRKtoken":$.cookie("csrftoken")},
     }}
     

ajax请求

标签：middle   success   节点   cookie   ajax   ice   publish   button   parent   

原文地址：https://www.cnblogs.com/relaxlee/p/12842868.html