计算机系统应用教程网站

网站首页 > 技术文章 正文

Python Web详解:(Ajax+JSON+JQuery)

btikc 2024-10-12 12:05:17 技术文章 57 ℃ 0 评论

JOSN:

Javascript Object Notation

作用:

主要约束前后端交互数据的格式

JSON的格式

表示单个对象

使用{} 采用键值对的格式保存数据

键必须使用双引号引起来

相当于Python的字典

表示多个对象

使用[]表示一个数组

数组中允许包含多个字符串或对象

jQuery中的循环:

 $arr.each(function(i, obj)){
 $arr:表示jQuery中的数组
 i:表示当前元素的下标
 obj:表示的是当前元素
 };
 $.each(arr,function(i, obj){
 arr:表示jQuery中的数组
 i:表示当前元素的下标
 obj:表示的是当前元素
 });

后台处理JSON

在后台查询出数据再转换为JSON的格式字符串 再响应

给前端 到前端后再将字符串转换为JS对象

1.后台获取数据

类型允许为 元祖,列表、字典

2.在后台将数据转换为符合JSON格式的字符串

3.在后台将JSON格式的字符串进行响应

4.在前端将JSON格式的字符串解析成JS对象

在Python中的JSON处理

元祖、列表、字典、只用Python中的json类就可以

import json

jsonstr = json.dumps(数据结构)

return jsonstr

在前端中处理JSON

由于在服务器响应回来的数据是string

有些时候必要将响应回来的数据转换为JS对象或数组

在js中

JSON对象 = JSON.parse(JSON字符串)

JQuery AJAX

在jQuery中 提供了原生的AJAX的封装

$obj.load(url, [data], [callback])

作用:

异步加载数据到$obj元素中

参数:

URL:异步请求地址

data:传递给服务端的参数 可以传递字符串,JSON对象

callback: 异步请求完成后要执行的操作 (回调函数)

function(resText, statusText){

resText:响应数据

statusText:响应的状态文本

}

 $.get(url, [data], [callback], [type])
 url:异步请求地址
 data:请求提交的数据 可以是字符串,json对象
 callback:请求成功时的回调函数
 function(resText){
 resText:响应后来的文本
 }
 type:
 响应回来的数据类型
 HTML:响应回来的文本是HTML文本(默认)
 text:响应回来的文本是普通文本
 json:响应回来的文本是json对象

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表