美文网首页
Ajax技术

Ajax技术

作者: 青青玉立 | 来源:发表于2018-07-17 17:15 被阅读0次

Ajax 同步、异步

一、XMLHttpRequest (XHR)对象

发送请求:

    open(method,url,async)

    send(string)

get post请求

获取响应:

    responseText:获取字符串形式的响应数据

    responseXML:获取XML形式的响应数据

    status和statusText : 以数字和文本形式返回HTTP状态码

    getAllResponseHeader() :获取所有的响应报头

    getResponseHeader() :查询响应中的某个字段的值

    readyState属性:

        0:请求未初始化 open还没调用

        1:服务连接已建立 open已经调用

        2:请求已接收 (接收到头信息了)

        3:请求处理中 (已经接收到响应主题)

        4:请求已完成 且响应已就绪

二、HTTP 请求

HTTP是一种无状态协议

HTTP是计算机通过网络进行通信的规则

解析:1. HTTP请求方法或动作 比如GET/POST请求

        2. 正在请求的URL 

        3. 请求头,包含一些客户环境信息 身份验证信息等

        4. 请求体 也就是请求正文 请求正文中可以包含客户提交的查询字符串信息 表单信息等

三、JSON 

json概念

json 与 xml比较:

json的优势

json语法规则:

例子

json 解析:

    eval 和 JSON.parse

eval方法会先执行 alert  而JSON.parse会报错

eval  比较危险

JSON.parse 会检验json格式 返回错误

json格式化:

jQuery中 Ajax

1. jQuery.ajax([settings])

settings 参数 实例

跨域

产生跨域的原因:同源策略

处理跨域:

    1> 代理

    2> JSONP

jsonp解决跨域问题

    局限:不支持POST方式   支持GET方式

    3>XHR2

相关文章

  • Ajax技术 2018-04-07

    AJAX技术 Ajax技术的概述 1.ajax的技术:Asynchronous JavaScript and XM...

  • PHP全栈学习笔记13

    php与ajax技术 web2.0的到来,ajax逐渐成为主流,什么是ajax,ajax的开发模式,优点,使用技术...

  • PHP全栈学习笔记13

    php与ajax技术 web2.0的到来,ajax逐渐成为主流,什么是ajax,ajax的开发模式,优点,使用技术...

  • 前端(十七)

    ajax:ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原...

  • jQuery ajax 和 正则

    ajax ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原...

  • 前端

    ajax:ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原...

  • Ajax 笔记

    Ajax 使用 创建动态网页的技术 Ajax 介绍 AJAX = Asynchronous JavaScript ...

  • 8.18兄弟会

    ajax ajax 简介 Ajax 由 HTML、JavaScript™ 技术、DHTML 和 DOM 组成,这一...

  • js之AJAX复习

    异步交互和同步交互 什么是Ajax? Ajax的工作原理。 Ajax包含的技术: Ajax的缺陷: Ajax的核心...

  • 如何用Ajax

    使用 Ajax 技术的目的 概念 Ajax 是一种技术的名称。“Asynchronous Javascript A...

网友评论

      本文标题:Ajax技术

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