JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON是用字符串来表示Javascript对象；
Json字符串就是js对象的一种表现形式(字符串的形式)
不管是python还是其它语言，它们都有自己的数据类型，但如果要处理成json字符串就需要把数据换转成js对应的数据对象（比如python的元组就被处理成了数组，字典就被处理成object），再加上引号就是json字符串了；
前端接受到json字符串，就可以通过JSON.parse()等方法解析成json对象(即js对象)直接使用了
Json的数据类型
· 数字 （整数或浮点数）
· 字符串 （必须双引号）
· 逻辑值 （true 或 false）
· 数组 （在方括号中）
· 对象 （在花括号中，引号用双引）
null
Json和Python对象的对应
Json实例
settigs.py：
‘DIRS‘: [os.path.join(BASE_DIR, ‘templates‘)], # 设置templates的路径为Django以前版本
# ‘DIRS‘: [], # 注释掉该行，此为Django 2.0.1最新版本
# ‘django.middleware.csrf.CsrfViewMiddleware‘,
...省略默认配置
STATIC_URL = ‘/static/‘
TEMPLATE_DIRS = (os.path.join(BASE_DIR, ‘templates‘),) # 原配置
# 静态资源文件
STATICFILES_DIRS = (os.path.join(BASE_DIR, "statics"),) # 现添加的配置,这里是元组，注意逗号
templates/ajax_jquery.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<button onclick="func1()">Ajax提交</button>
</body>
<script src="/static/jquery-3.2.1.js"></script>
<script>
function func1() {
Test();
}
function Test() {
$.post("/jquery_ajax_test/", function (data) {
console.log(‘转换前：‘);
console.log(data); {# JSON字符串 #}
console.log(typeof data);
console.log(data["name"]);
console.log(‘转换后：‘); {# JSON对象 #}
per = JSON.parse(data);
console.log(per);
console.log(typeof per);
console.log(per["name"]);
})
}
</script>
</html>
mysite2/urls.py
from django.contrib import admin
from django.urls import path
from blog import views
from django.conf.urls import url
urlpatterns = [
# Jquery_Ajax
url(r‘ajax-jquery/‘, views.ajax_jquery),
# jquery_ajax_test
url(r‘jquery_ajax_test/‘, views.jquery_ajax_test),
]
views.py
from django.shortcuts import render, HttpResponse
import datetime
# Jquery --> ajax
def ajax_jquery(request):
# return HttpResponse("Hello ,Jquery_ajax")
return render(request, ‘ajax_jquery.html‘)
# Jquery --> ajax
import json
def jquery_ajax_test(request):
print(‘request.POST‘, request.POST)
person={‘name‘: ‘FTL‘, ‘age‘: 24}
obj = json.dumps(person) # 字典转换为json格式的字符串
return HttpResponse(obj) # HTTPResponse只能返回字符串，这里返回前台json字符串
页面显示：
注意：JS可以打印类似Python中字典的对象内容
{# JS可以打印类似Python中字典的对象内容 #}
data = {"school": "Peking", "city": "Beijing"};
console.log(data["school"]); {# Peking #}
带方法的json对象
person是一个json对象，因为它满足json规范：在json六大范畴且引号双引
function Test() {
var person = {"name":"FTL",
"sex":"men",
"teacher":{
"name":"HHH",
"sex":"half_men",
},
"bobby":[‘basketball‘,‘running‘],
"getName":function() {return 80;}
};
console.log(person.name);
console.log(person.getName());
console.log(person.teacher.name);
console.log(person.bobby[0]);
json对象的方法：
json对象的方法：
parse() 用于从一个json字符串中解析出json对象,如
var str = ‘{"name":"HHH","age":"23"}‘
结果：JSON.parse(str) ------> Object {age: "23",name: "yuan"}
stringify()用于从一个json对象解析成json字符串，如
var c= {a:1,b:2}
结果： JSON.stringify(c) ------> ‘{"a":1,"b":2}‘
注意1：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。
注意2:
a={name:"yuan"}; //ok
b={‘name‘:‘yuan‘}; //ok
c={"name":"yuan"}; //ok
alert(a.name); //ok
alert(a[name]); //undefined
alert(a[‘name‘]) //ok
JSON与XML比较
JSON与XML比较
· 可读性： XML胜出；
· 解码难度：JSON本身就是JS对象（主场作战），所以简单很多；
· 流行度： XML已经流行好多年，但在AJAX领域，JSON更受欢迎。
注解：其实本没什么json对象，只是我们自己这么称呼罢了，所谓的json数据就是指json字符串，在前端解析出来的对象就是js对象的一部分！
原文地址：https://www.cnblogs.com/ftl1012/p/json2.html
时间： 2024-08-30 06:31:41