美文网首页
ajax知识点

ajax知识点

作者: 谷子多 | 来源:发表于2018-01-15 16:41 被阅读0次

概念:

“Asynchronous Javascript And XML”(异步Javascript和XML),是指一种创建交互式网页应用的网页开发技术。

步骤

    初始化,未发送 0 UNSENT

    准备数据,连接地址 1 OPENED

    返回响应头 2 HEADERS_RECEIVED

    接收数据中 3 LOADING

    接收数据完毕 4 DONE

知识点

    onreadystatechange  事件

    onload 事件

    readyState 步骤状态

    responseText 相应内容

    status 状态码

    statusText 状态短语

    getAllResponseHeaders 响应头信息

优点 :

用于快速创建动态网页

在无需重新加载整个网页的情况下,通过在后台与服务器进行少量数据交换,达到对网页的某部分进行数据更新。

 一般拿到数据需要想三件事情 :

     1.数据长啥样        

     2.字段都是什么意思        

     3.返回的结果是什么样的?打印看一下:ajax.responseText

jQuery中ajax的使用

datatype : 将数据转换成指定格式

ajax的交互模型:

    1.XMLHttpRequest : 创建ajax对象

    2.open : 填写地址

        参数:

                1.请求的方式:get、post等        

                2.url : 请求地址       

                     接口: php/get.php

                     问号后面拼接的user : 就是后台给你请求的字段,字段是后台规定好的。写在地址栏的查询信息,称之为queryString

                3.是否异步

    3.send()            : 发送请求

    4.onload            : 等待

    5.ajax.responseText :收到请求

案例1:如果可以注册输入的字体变成红色,不能注册输入的字体变成绿色。

        步骤:首先判断后台的code,根据code的不同做出不同的操作。

get在请求的url后面拼接传输 post不在url里传输,在send里传输

get和post的区别

    1.传输方式:

        get : 走地址栏

        查看方式:

    post : 走服务器

    查看方式:

    2.大小

        get :提交有限制(不同浏览器限制不同)

       cpost : 理论上是不限的(后端会去限制大小)

    3.post请求时需要额外设置一个头信息

    4.应用场景

        1.传输大型文件用post,因为get有限制

        2.展示性的数据用get,r

        2.对于用户的信息,用post,不能用get.

JSON序列化 :

    json2.js 就可以兼容低版本浏览器了。

1.JSON.parse() :

    可以把json格式的数据转成对象或者数组。

    注意 : JSON数据一定要是一个标准格式的。

    '{"key": "value"}' : key和value必须是双引号JSON数据转为对象。

    如果数据里有function,转不出来。

2.JSON.stringify()

  把对象格式数据转成json格式数据。

不标准的格式也可以转:还会帮你转成标准格式的。

补充 : 对象的深拷贝

    先把对象转成字符串,再把字符串转成对象,这样就相当于深度拷贝了。如果数据里有function,转不出来。

细节

 get:

    因为IE浏览器地址栏在识别中文的时候,会把中文转成URI编码格式,这样服务器是不认识的。

解决 : 就把中文转成URI编码格式。

encodeURI:把中文转成URI编码

decodeURI : URI编码转成中文

将传给后台的数据转成URI

相关文章

  • JavaWeb学习-Ajax-1-Ajax简介

    JavaWeb学习-Ajax-1-Ajax简介 进入到一个新的知识点的学习,这个知识点叫做Ajax,指的是异步的j...

  • 前端知识点总结——AJAX

    前端知识点总结——Ajax 1.ajax 2.HTTP协议 2.1请求头 2.2响应(response)消息 2....

  • Ajax小案例之获取后台信息显示

    知识点:数据传输--------jsonjquery-----------.ajax()获取**html部分 注...

  • 关于AJAX

    1.需要掌握以下知识点 ①,AJAX全称(Asynchronous JavaScript and XML),异步 ...

  • Ajax知识点

    1.Ajax是什么:AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。2.两种常用的数据格式...

  • ajax知识点

    概念: “Asynchronous Javascript And XML”(异步Javascript和XML),是...

  • ajax知识点

  • VUE basic

    x项目: MOOC qunar 基础:js es6 webpack npm 知识点:axios ajax数据获...

  • Ajax

    Ajax知识点; AJAX是一种用于创建快速动态网页的技术;从后台提取数据利用创建动态节点,把后台数据展示在页面中...

  • 『前端必备』本地数据接口 —— json-server 从入门到

    前言 Ajax 是前端必学的一个知识点,但刚接触 Ajax 的同学可能会因为没接口测试而烦恼。 本文 入门篇 会花...

网友评论

      本文标题:ajax知识点

      本文链接:https://www.haomeiwen.com/subject/bvxtoxtx.html