Django-Ajax

1.目錄

ajax 準備知識：json

ajax 簡介

jquery 實現的ajax

js 實現的ajax

jquery.serialize()

上傳文件

同源策略與jsonp

2.準備知識：json

1.什么是 json ?

個人回答： json 的作用是? 數據交換格式。（通過序列化和反序列化）

官方回答：

JSON(JavaScript Object Notation, JS 對象標記) 是一種輕量級的數據交換格式。 它基于 ECMAScript (w3c制定的js規范)的一個子集，采用完全獨立于編程語言的文本格式來存儲和表示數據。 簡潔和清晰的層次結構使得 JSON 成為理想的數據交換語言。 易于人閱讀和編寫，同時也易于機器解析和生成，并有效地提升網絡傳輸效率

說到?json?對象，?不得不提到 js?對象：

合格的json對象：

["one", "two", "three"]{ "one": 1, "two": 2, "three": 3 }{"names": ["張三", "李四"] }[ { "name": "張三"}, {"name": "李四"} ]　

?不合格的json對象：

{ name: "張三", 'age': 32 } // 屬性名必須使用雙引號[32, 64, 128, 0xFFF] // 不能使用十六進制值{ "name": "張三", "age": undefined } // 不能使用undefined{ "name": "張三","birthday": new Date('Fri, 26 Aug 2011 07:13:10 GMT'),"getName": function() {return this.name;} // 不能使用函數和日期對象 } 　

?

stringify? 與? parse 方法：

JSON.parse(): 用于將一個 JSON 字符串轉換為 JavaScript 對象　 eg: console.log(JSON.parse('{"name":"Yuan"}')); console.log(JSON.parse('{name:"Yuan"}')) ; // 錯誤 console.log(JSON.parse('[12,undefined]')) ; // 錯誤JSON.stringify(): 用于將 JavaScript 值轉換為 JSON 字符串。　 eg: console.log(JSON.stringify({'name':"egon"})) ;

小結：

ajax: 準本工作1.json:數據交換格式數據流向：走向本地1.json.dumps ---- json.loads （自己玩，先寫后取）走向網絡能序列化基本數據類型，不能序列化數據對象。（pick 可以）json不認單引號，只認雙引號。json 不支持 十六進制值json 不支持 undefind 和 函數對象json 一定是一個 字符串。2.序列化和反序列化的兩種方法：1.stringfy 也叫： 序列化2.parse 也叫 反解3.XML： 在金融領域主要用的。1.xml 利用節點進行查找。

Ajax 簡介

AJAX（Asynchronous Javascript And XML）翻譯成中文就是“異步Javascript和XML”。即使用Javascript語言與服務器進行異步交互，傳輸的數據為XML（當然，傳輸的數據不只是XML）。

• 同步交互：客戶端發出一個請求后，需要等待服務器響應結束后，才能發出第二個請求；
• 異步交互：客戶端發出一個請求后，無需等待服務器響應結束，就可以發出第二個請求。

AJAX除了異步的特點外，還有一個就是：瀏覽器頁面局部刷新；（這一特點給用戶的感受是在不知不覺中完成請求和響應過程）

js實現的局部刷新:

　

　　

　　

?

?

?

　　

轉載于:https://www.cnblogs.com/zhongbokun/p/7831567.html

總結

以上是生活随笔為你收集整理的前端 == Ajax的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。