Python系列之 - 前端總結

一、

　　python序列化：

　　　　字符串 = json.dumps(對象)　　對象->字符串

　　　　對象 = json.loads(字符串)　　字符串->對象

　　Javascript：

　　　　字符串 = JSON.stringify(對象)　　對象->字符串

　　　　對象 = JSON.parse(字符串)　　字符串->對象

　　應用場景：

　　　　數據傳輸時：

　　　　　　發送：字符串

　　　　　　接收：字符串->對象

 

二、反向生成URL：

　　　　有兩種方式：{% url "a1" %}

　　　　　　　　　　reverse("a1")

用reverse須要導入     from django.core.urlresolvers import reverse

三、ajax　　

　　$().serilizer()獲取form表單的全部數據

 

•  $.ajax({
          url: 'https://www.baidu.com/',
          type: "POST",
          data: {k1: v1},
          success: function (arg) {
  　　　　　　　　//arg是字符串
  　　　　     arg = JSON.parse(arg)
  　　　　　　　　//arg是對象
              console.log(arg)
          }
          error:function(){
          }
      })
  
      $.ajax({
          url: 'http//www.baidu.com',
          type: 'GET', 
          data: {'k1': 'v1'}, 
          
          dataType: 'JSON',
          success: function (arg) {
          // arg是對象
          }
      })
  
  當咱們聲明瞭datatype：JSON時,解釋器會把arg解析完後在傳入function（）內
  　　　　             text時，對arg不對任何處理
                      html，和text同樣，不作任何處理
                      xml， 轉換爲xml對象
                      

• 發送數據時,data:

• a. 只是字符串或數字
              $.ajax({
                  url: 'http//www.baidu.com',
                  type: 'GET',
                  data: {'k1':'v1'},
                  dataType: 'JSON',
                  success:function(arg){
                      // arg是對象
                  }
              })
          b. 包含屬組
              $.ajax({
                  url: 'http//www.baidu.com',
                  type: 'GET',
                  data: {'k1':[1,2,3,4]},
                  dataType: 'JSON',
                  traditional: true,//v1 能夠穿列表
                  success:function(arg){
                      // arg是對象
                  }
              })
              
          c. 傳字典        
              b. 包含屬組
              $.ajax({
                  url: 'http//www.baidu.com',
                  type: 'GET',
                  data: {'k1': JSON.stringify({}) },
                  dataType: 'JSON',
                  success:function(arg){
                      // arg是對象
                  }
              })

三、事件綁定

　　$.(要綁定標籤的上級標籤).on("click","要綁定的標籤",functional(){}  )

ssss

五、json.dumps

• 在使用json.dumps時要注意一個問題
  
   
  >>> import json
  >>> print(json.dumps('中國'))
  "\u4e2d\u56fd"
   
  輸出的會是
  '中國' 中的ascii 字符碼，而不是真正的中文。
   
  這是由於json.dumps 序列化時對中文默認使用的ascii編碼.
  想輸出真正的中文須要指定ensure_ascii=False：
   
  >>> import json
  >>> print(json.dumps('中國'))
  "\u4e2d\u56fd"
  >>> print(json.dumps('中國',ensure_ascii=False))
  "中國"

六、JS中的！=、== 、！==、===的用法和區別。

• var num = 1;
   
  var str = '1';
   
  var test = 1;
   
  test == num   //true　相同類型　相同值
   
  test === num  //true　相同類型　相同值
   
  test !== num  //false test與num類型相同，其值也相同,　非運算確定是false
   
   
  num == str   //true 　把str轉換爲數字，檢查其是否相等。
   
  num != str   //false  == 的 非運算
   
  num === str  //false  類型不一樣，直接返回false
   
  num !== str  //true   num 與 str類型不一樣 意味着其二者不等　非運算天然是true啦
  == 和 != 比較若類型不一樣，先償試轉換類型，再做值比較，最後返回值比較結果 。
  
  而 
  === 和 !== 只有在相同類型下,纔會比較其值。

七、 總結

• 新URL方式：
              - 獨立的頁面
              - 數據量大或條目多
              
  對話框方式：
              - 數據量小或條目少
              -增長，編輯
              - Ajax: 考慮，當前頁；td中自定義屬性
              - 頁面（***）
  刪除：
              對話框