ajax

作者: 老于头子 | 来源:发表于2017-10-31 17:42 被阅读0次

替换

   str.replace(‘把谁替换’,‘替换成谁’)

ajax的原理

   4步 
   1打开创建ajax对象
   2打开链接
   3发送请求
   4接受响应

XMLHttpRequest 是ajax的核心

GET

   创建:   var oAjax = new XMLHttpRequest(); 不兼容iE6
           var oAjax = new ActiveXObject('Microsoft.XMLHTTP'); IE678
          兼容写法:if(window.XMLHttpRequest){
                var oAjax = new XMLHttpRequest();
             }else{
                var oAjax = new ActiveXObject('Microsoft.XMLHTTP');
            }

  打开链接:oAjax.open(‘打开方式’,‘url?data’,是否异步);同步:一次只做一件事  异步:同时做多件事
            写法:oAjax.open('GET','xxx?xxx=xxx',true);
   发送请求: oAjax.send();
   接受响应:oAjax.onreadystatechange = function(){
                  判断ajax状态码
                if(oAjax.readyState==4){
                  判断http状态码
                      if(oAjax.status>=200&&oAjax.status<300||oAjax.status==304){
                            成功
                              oAjax.responseText
                                  响应文本
                      }else{
                          失败
                      }
               }
            }

POST

   创建:    var oAjax = new XMLHttpRequest(); 不兼容iE6
             var oAjax = new ActiveXObject('Microsoft.XMLHTTP'); IE678
   兼容写法:if(window.XMLHttpRequest){
                  var oAjax = new XMLHttpRequest();
             }else{
                  var oAjax = new ActiveXObject('Microsoft.XMLHTTP');
              }
   打开链接 :  oAjax.open(‘打开方式’,‘url?data’,是否异步);同步:一次只做一件事  异步:同时做多件事
              写法:oAjax.open(‘POST','url',true);
   设置头部请求:oAjax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
   发送请求:oAjax.send(data);
   接受响应 :oAjax.onreadystatechange = function(){
              判断ajax状态码
              if(oAjax.readyState==4){
                  判断http状态码
                  if(oAjax.status>=200&&oAjax.status<300||oAjax.status==304){
                        成功
                      oAjax.responseText
                        响应文本
                  }else{
                    失败
                  }
                }
              }

ajax状态码

   0:准备成功 没有发送
   1:发送成功
   2:接收原始数据成功
   3:解析数据成功
   4:完成

HTTP状态码

   三位数 2字头代表成功  304 (重定向)

跨域数据交互

   ajax不能跨域   跨域方法:jsonp

JSONP

   wd: word  关键词
   cb:callback   回掉函数

相关文章

  • 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', ...

  • jQuery中Ajax请求的使用和四个步骤示例

    ajax() 方法用于执行 AJAX(异步 HTTP)请求,所有的 jQuery AJAX 方法都使用 ajax(...

  • ajax

    1、什么是ajax? 2、ajax的原理 3、ajax的核心对象 4、ajax的优点: ajax的缺点: 被jqu...

  • ajax

    Ajax 1 - 请求纯文本 Ajax 2 - 请求JSON数据 Ajax 3 - 请求Github接口 Ajax...

网友评论

      本文标题:ajax

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