Ajax与jQuery发送请求步骤

一、Ajax;

1.创建XMLHttpRequest( );

 var xhr=new XMLHttpRequest();

2.规定请求的类型、URL 以及是否异步处理请求;

xhr.open("请求方式",`请求地址`,异步true/同步false);

3.执行 发送动作;

xhr.send();

4.指定回调函数,接收服务器响应;

xhr.onreadystatechange=function(){
     
                if(xhr.readyState ==4 && xhr.status==200){
     
                    let obj= JSON.parse( xhr.responseText )
                     if(obj.err_code =="ok"){
     
                        console.log("添加成功 --下一步");
                    }else{
     
                        alert("服务器挂了");
                    }
                }
            }

二、jQuery Ajax方法;

1.url,String类型URL请求地址;

 $.ajax({
     
        "url":"/add",
        })

2.type,请求方式(POST或GET);默认GET;

 "type":"POST",

3.发送到服务器的数据,key/value格式,

 "data":{
     
                    "name":name,
                    "password":password
                 },
  1. 数据返回格式;返回值的类型 text 、json、jsonp、xml、html、script
 "dataType":"text", 

5.默认true异步请求;

 "async":true,

6.请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态

 "success":function(res){
     
                   console.log(res);
             },

你可能感兴趣的:(ajax,javascript)