分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

前端 ==> ?Ajax

发布时间:2023-09-06 01:24责任编辑:熊小新关键词:前端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实现的局部刷新:

 

  

  

  

前端 ==> ?Ajax

原文地址:http://www.cnblogs.com/zhongbokun/p/7831567.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved