zoukankan      html  css  js  c++  java
  • ajax、json、jsonp

    这章分享下ajax、json、jsonp的学习记录,不得不说这真是些令人激动的技术。

     推荐文章:

    https://segmentfault.com/a/1190000012469713

    http://www.ruanyifeng.com/blog/2016/04/cors.html

    JSON

    JSON可以理解为一种数据形式,

    它有三种类型的值:

    1、  简单值 字符串、数值、布尔和null

    2、  对象 表示一组有序的键值对,键是字符串,值可以是简单类型和复杂数据类型。

    3、  数组 表示一组有序的值的列表,可通过索引访问其中的值,数组值可以是JSON支持的任意类型。

    Ajax

    AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。传统web应用浏览器在已加载页面中发与服务端交互时(发送小请求)必须等待并刷新页面,而有了Ajax则无需刷新页面也能获得请求数据并展示。

    它的核心对象是XMLHttpRequest, 它能与Web服务器进行异步数据通信,然后用 Javascript把交互数据通过操作DOM进行动态显示及交互。
    因为同源策略存在,一般服务端不允许跨域请求,但也可通过设置允许options请求(跨域请求)。

    跨域请求分为简单请求和非简单请求,简单请求请求类型为get、post、head,请求头信息不超过Accep、Accept-Language、Content-language、Last-Event-ID、Content-Type类型的请求。其他的为非简单请求。

    浏览器对这两种请求的处理是不一样的。

    JSONP

    JSONP的作用是与服务端交互并动态的展示数据而不用刷新页面,并且能够跨域请求。JSOP的原理来自<script>标签中的src属性具有可跨域的特性以及<script>支持异步的特性实现了数据动态的交互。

    当我们创建操作dom生成<script>标签时,会对标签src属性的连接进行GET请求,此时我们可以带上请求参数和回调函数,对面接受到参数对参数进行处理并生成js文件,js文件解析出回调函数并调用它,回调函数接受到数据处理完的通过DOM操作与页面进行交互。因此一次互动的过程就完成了。

  • 相关阅读:
    C# 枚举、字符串、值的相互转换
    What's New in v2010 vol 2.5
    Using Oracle's Parallel Execution Features
    [zhuan]asp.net程序性能优化的七个方面 (c#(或vb.net)程序改进)
    ORACLE常用网址
    html中的块元素(block element)和内联元素(inline element)
    软件构架师的特点
    窗体信息处理函数讲解
    [xue]软件项目经理所必需具备的素质
    Gulp系列文章入门Gulp
  • 原文地址:https://www.cnblogs.com/llsblog/p/10787372.html
Copyright © 2011-2022 走看看