美文网首页
ajax学习心得

ajax学习心得

作者: qzuser_1d64 | 来源:发表于2017-10-20 18:46 被阅读0次

       ajax是客户端向服务端请求的一种方式。允许客户端脚本发送HTTP请求,去请求服务器的数据来创建动态网页,可以在不重新加载整个网页的情况下,对网页的某部分进行更新,也称局部刷新。

      ajax的核心内容是JavaScript对象XMLHttpRequest。使用ajax的流程如下:

1.var xhr = new XMLHttpRequest();

2.xhr.open("GET"/"POST",(此处填写需要向后端请求的地址),true/false),其中true是异步,false是同步。同步的意思就是一部做完才能做下一步,异步的意思就是可以同时进行。GET和POST的共同点是都是向服务器请求数据的方式,不同点是GET的数据放在地址之后,数据量小,安全性低,传送速度快,而POST是数据放在send()的括号里面,数据量大,安全性低,传送速度慢。使用频率上GET比POST大。GET地址的格式: 地址?参数名1=值1&参数名2=值2&参数名3=值3。

3请求头写在open和send函数之间,一般传送敏感的信息,不一定要书写。GET不一定要写请求头,POST一定要写请求头,形式为xhr.setRequestHeader()

4.发送请求。如果是GET的话就用send();如果是POST的话就用send(发送的数据),不会跟在url后面。

5.获取数据。xhr.onreadystatechange(){

            if(readyState == 4&&status == 200){

              var str = xhr.responseText

        }

}

readyState的字面意思是“准备的情形”,它对应四个值,0~4代表不同的意思当它为4的时候表示客户端已经正常接收到服务器返回的数据。

status字面意思是“状态;情形”,它对应六个值,200代表“正常返回”

responseText 是作为响应主体被返回的文本。

str是一个字符串,如果需要转换为对象obj,则使用的方法是var obj = JSON.parse(str).。

相关文章

  • ajax学习心得

    http:是计算机通过网络进行通信的规则,去和web服务区请求信息和服务,是一种无状态协议(不保留持久的连接,没有...

  • ajax学习心得

    ajax是客户端向服务端请求的一种方式。允许客户端脚本发送HTTP请求,去请求服务器的数据来创建动态网页,可...

  • AJAX的学习心得

    AJAX即“Asynchronous Javascript And XML*”(异步JavaScript和XML)...

  • AJAX

    主要内容: ajax 是什么、原生ajax 写法和jQuery ajax写法。 AJAX 是什么 ajax,即As...

  • JavaScript进阶知识点--AJAX及JSON

    AJAX 关于 AJAX 什么是 AJAX AJAX 的全称是 Asynchronous JavaScript a...

  • HTML5权威指南 | 第五部分 高级功能

    三十二、使用AJAX(上) Ajax起步: 使用Ajax事件: Ajax请求的错误处理: 中止Ajax请求: 三十...

  • ajax学习笔记

    Ajax学习笔记 Ajax简介 1. Ajax是什么? Ajax : Asynochronous javascri...

  • AJAX

    一、简介 AJAX菜鸟教程 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML。 AJAX...

  • js之AJAX复习

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

  • 复习jQuery - ajax

    jQuery ajax - ajax() 方法 $.ajax({ url:'oo.php', ...

网友评论

      本文标题:ajax学习心得

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