Ajax

一.Ajax简介

我们以前知道的前端向后端发送数据的方式有: 

  GET:地址栏、a标签、Form表单

  POST:Form表单

那么现在我们在再学习一种:那就是ajax

ajax:也是前端向后端发送数据的一种方式

AJAXAsynchronous Javascript And XML)翻译成中文就是异步JavascriptXML”。即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML)。

注:XML是存数据的一种格式,和JSON一样

  • 同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求。
  • 异步交互:客户端发出一个请求后,无需等待服务器响应结束,就可以发出第二个请求。(不用刷新页面)

Ajax的特点:

  异步交互: 当请求发出后,浏览器还可以进行其他操作,无需等待服务器的响应

  局部刷新:    整个过程中页面没有刷新,只是刷新页面中的局部位置而已!

Ajax的优点

  • AJAX使用Javascript技术向服务器发送异步请求;
  • AJAX无须刷新整个页面;
  • 因为服务器响应内容不再是整个页面,而是页面中的局部,所以AJAX性能高;

二. 知识回顾

1、json(Javascript Object Notation, JS对象标记)是一种轻量级的数据交换格式。

2、json其实是从js中拿出来的一个对象,也可以说json是js的一个子集。

注:json的格式来源于js的格式

3、 js支持单引号,也支持双引号,也可以没有引号

 //在js中把{}这样的类型叫做对象,js中没有字典一说
data = {
    'name':'haiyan',
    "name":"haiyan",
     name:"haiyan"        
}     //js对象默认会把自己的键当成字符串处理,所以可以加引号也可以不加

4、json格式

  json只认双引号,json一定是一个字符串

5、python中的序列化(dumps)与反序列化(loads)

  json的dumps方法和loads方法,可实现数据的序列化和反序列化。

  具体来说,dumps方法,可将json格式数据序列为Python的相关的数据类型;

  loads方法则是相反,把python数据类型转换为json相应的数据类型格式要求。

  在序列化时,中文汉字总是被转换为unicode码,在dumps函数中添加参数ensure_ascii=False即可解决。

#json序列化
import json
i = 10
s = "dsfdsf"
l = [11,22,33]
dic = {"name":"haiyna","age":22}
b = True
# #吧基本数据类型转换成字符串的形式
print(json.dumps(i),type(json.dumps(i)))   #10 <class 'str'>
print(json.dumps(s),type(json.dumps(s)))   #"dsfdsf" <class 'str'>
print(json.dumps(l),type(json.dumps(l)))   #[11, 22, 33] <class 'str'>
print(json.dumps(dic),type(json.dumps(dic)))  #{"name": "haiyna", "age": 22} <class 'str'>
print(json.dumps(b),type(json.dumps(b)))  #true <class 'str'>

#json反序列化

#coding: utf-8
import json

dict = {'name':'zhangsan', 'age':33, 'address':'红星路'}
print('未序列化前的数据类型为:', type(dict))
print('为序列化前的数据:', dict)
#对dict进行序列化的处理
dict_xu = json.dumps(dict,ensure_ascii=False) #添加ensure_ascii=False进行序列化
print('序列化后的数据类型为:', type(dict_xu))
print('序列化后的数据为:', dict_xu)
#对dict_xu进行反序列化处理
dict_fan = json.loads(dict_xu)
print('反序列化后的数据类型为:', type(dict_fan))
print('反序列化后的数据为: ', dict_fan)
----------------------------------------------------------------------
未序列化前的数据类型为: <class 'dict'>
为序列化前的数据: {'name': 'zhangsan', 'age': 33, 'address': '红星路'}
序列化后的数据类型为: <class 'str'>
序列化后的数据为: {"name": "zhangsan", "age": 33, "address": "红星路"}
反序列化后的数据类型为: <class 'dict'>
反序列化后的数据为: {'name': 'zhangsan', 'age': 33, 'address': '红星路'}

JS中的序列化(stringify)与反序列化(parse)

序列化:JSON.stringify():用于将一个JavaScript对象转换为JSON字符串

反序列化:JSON.parse():用于将一个JSON字符串转换为JavaScript对象

<script>
//===========js中的json序列化===========
s = '{"name":1}';    
var data = JSON.parse(s);
console.log(data);
console.log(typeof data);   //object
//===========js中的json的反序列化=======
s2={'name':'yuan'};
console.log(JSON.stringify(s2),typeof JSON.stringify(s2))  //string
</script>

  

posted @ 2020-04-11 21:15  John_Lzf  阅读(100)  评论(0编辑  收藏