前端 == Ajax

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相关推荐

webApi前端ajax调用后端返回{“readyState“:0,“status“:0,“statusText“:“error“}解决方案
webApi前端ajax调用后端返回{"readyState":0,"status":0,"statusText":"error& ...
防抖与节流方案_前端ajax优化解决方案
伴随着前端ajax的应用场景越来越多,那就免不了一个整合的ajax优化解决方案了,自己优化太麻烦?没事,有它帮你解决:hajax 与当下比较热门的请求库 axios 和原生的 fetch相比,haja ...
前端ajax传递json格式参数，后端springboot接收
在做开发的过程中,前端ajax传参和后端springboot接收参数经常用到,之前老是把这些搞混,导致出现错误,也在网上查阅了很多资料,再根据自己的经验和测试,对这部分内容做了一些使用总结.后面会再慢 ...
【ajax】前端ajax传值的几种方法
前端ajax传值的几种方法注意事项 1.传值格式 2.ajax在sucecess后继续执行代码 3.传值方式传图片文件到后端正常传本博文仅为记录项目过程中遇到的熟练代码注意事项 1.传值格式 ...
前端ajax与后端php数据传输,前端ajax与后端交互详解
前端中常常用的与后端交换数据的话,通常是要用到ajax这种方法的,本文主要介绍了前端ajax的各种与后端交互的相关知识,具有很好的参考价值.下面跟着小编一起来看下吧,希望能帮助到大家. 但是交互的方式 ...
ajax传图片以及后台接收,前端ajax上传文件，图片，后端nodejs接收文件；
前端ajax上传文件,图片,后端nodejs接收文件: 学习了nodejs,就想实现一下有进度条的文件上传,html 在作这个功能的时候遇到的问题前端用普通的ajax没法实现文件上传,只能post, ...
ssm图片上传前端Ajax
//头像上传前端html代码 <form action="" id="modifyUserFormPageUserform" enctype=" ...
使用Ajax实现简单的增删查改前端Ajax传的值，后端如何获取
实现查询和增删改一.Ajax最基本语法二.增删查改 1.查询(Get请求) 2.增删改(Post请求) 三.后台(MVC/WebForm) 1.MVC(Post请求) 2.WebForm(Post ...
后端传验证码图片前端ajax怎么显示图片
后端传验证码图片前端,ajax怎么显示图片.验证码后端返给前端的是一张验证码的图片,如下: 再看浏览器response里的返回
java接口返回map集合数据；前端ajax获取，遍历时无序
因业务需求,在同一张表格中,将地区.全国业务数据按年份分组统计,将相同年份的数据组装成一条数据在表格中对比显示.效果图如下: 当前地区全国年度季度成交额净利润成交额净利润 2019 1 ...

前端 == Ajax

前端 == Ajax相关推荐

最新文章

热门文章