Ajax使用指南

Ajax概念:

AJAX不是JavaScript的规范，它只是一个哥们“发明”的缩写：Asynchronous JavaScript and XML，意思就是用JavaScript执行异步网络请求.

异步:

函数继续执行,等待结果返回之后,会触发回调函数.

同步:

函数不继续执行,直到返回结果后,再往下执行.

ajax原生发送异步请求

var request = new XMLHttpRequest(); // 1.新建XMLHttpRequest对象

request.onreadystatechange = function () { // 状态发生变化时，函数被回调    2.回调函数

     if (request.readyState === 4) { // 成功完成

     // 判断响应结果:

          if (request.status === 200) {

               // 成功，通过responseText拿到响应的文本:

              return success(request.responseText);

         } else {

              // 失败，根据响应码判断失败原因:

              return fail(request.status);

         }

    } else {

        // HTTP请求还在继续...

    }

}

// 发送请求:

request.open('GET', '/api/categories',true);    //3.发送请求    参数1.请求方式,2.url地址3.异步

request.send();   //4.发送请求

alert('请求已发送，请等待响应...');

Jquery-Ajax:

*$(function(){

           $("#btn").click(function(){

                   $.ajax({

                         url:"04data.php",

                         dataType:"text",

                         type:"get",

                         success:function(data){

                             alert(data);

                             //$("#showInfo").html(data);

                          },

                          error:function(e){

                                console.log(e);

                         }

                });

         });

});

jquery-ajax:post请求

post

jquery-Ajax处理跨域访问的问题

解决跨域问题

---

作者是一名android程序狗,目前正在学习前端!欢迎添加作者微信群 一起学习交流! 您的点赞是对作者最大的支持,汪汪汪!!!

微信群: