美文网首页java
史上最全的Ajax(ajax是什么使用原理以及post和get的

史上最全的Ajax(ajax是什么使用原理以及post和get的

作者: kismetajun | 来源:发表于2018-07-10 22:01 被阅读182次

    一.ajax是什么?

    ajax 全称 Asynchronous JavaScript and XML(异步JavaScript和XML),其本质是在HTTP协议的基础上以异步的方式与服务器进行通信。

    (异步:指某段程序执行时不会阻塞其他程序的执行,其表现形式为程序的执行顺序不依赖程序本身书写顺序,而同步相反)

    二.ajax的使用原理

    ajax是使用XMLHttpRequest对象异步发送请求;

    由于XMLHttpRequest是对象所以在使用时先“new”;

    (一般来说,所有是对象的使用先new)

    注意:

    •ajax使用XMLHttpRequest对象异步发送请求,是整个ajax技术中的核心•XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新

    •创建 XMLHttpRequest 对象:var xhr=new XMLHttpRequest();

    •请求API(向服务器发送请求)

    –open(method,url,async)   规定请求的类型、URL 以及是否异步处理请求

      说明:async : true(异步),false(同步)

    –send(string)   将请求发送到服务器

    –setRequestHeader()  设置请求头

    ajax的工作原理:

    三、ajax的使用及实现步骤

    (1) 创建XMLHttpRequest对象,也就是创建一个异步调用对象.

    (2) 打开链接,(HTTP请求的方法、URL及验证信息).

    (3)发送HTTP请求.

    (4)添加监听(监听服务器响应).

    以下步骤:

    (1) 创建XMLHttpRequest对象,也就是创建一个异步调用对象.(必写部分)

    ActiveXObject为IE;此处考虑到了兼容问题

    (2)打开链接,(HTTP请求的方法、URL及验证信息)

    这个地方POST和GET请求不一样

    (3)发送HTTP请求.

    这个地方POST和GET请求不一样

    (4)添加监听(监听服务器响应)

    注意:responseText获取字符串形式的数据

              responseXML获取XML形式的数据

    相关文章

      网友评论

        本文标题:史上最全的Ajax(ajax是什么使用原理以及post和get的

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