jq中的ajax

154 阅读3分钟
$.ajax({
                /* 异步 默认为true  */
                /* false表示同步 改同步渲染页面会出现白屏现象*/
                async:true,
                /* 是否设置浏览器的缓存功能 true 设置缓存
                false不设置缓存 每次请求都是新的请求 */
                cache:true,
                /* 请求的接口 */
                // url:"http://timemeetyou.com:8889/api/private/v1/login",
                url:"./123.txt",
                /* 请求的方式 post有加密功能 */
                // method:"post",
                method:"get",
                /* 发送到服务器的数据 */
                // data:{
                //     username:'admin',
                //     password:'123456'
                // },
                /* 预期服务器返回的数据类型 json jsonp*/
                dataType:'json',
                /* 在一个 jsonp 请求中重写回调函数的名字 */
                /* 这里fn需要和后台的代码对应 */
                jsonp:"fn",
                /* 为 jsonp 请求指定一个回调函数名 */
                /*  callbackFn 是前端配置的 */
                jsonpCallback:"callbackFn",
                /* 请求成功之后 执行的回调函数 */
                // success:function(res){
                //     /* success后面的方法里面的形参res表示后台返回的数据 */
                //     console.log( res );
                // },
                /* 请求失败时调用此函数 */
                error:function(err){
                    console.log(err)
                }
            })
           
        })

参数 类型 描述

  • options Object 可选,AJAX 请求设置,所有选项都是可选的

  • async Boolean 默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false

  • cache Boolean 默认值: true,dataType 为 script 和 jsonp 时默认为 false。设置为 false 将不缓存此页面

  • data String 发送到服务器的数据

  • dataType String 预期服务器返回的数据类型

  • error Function 请求失败时调用此函数

  • success Function 请求成功后的回调函数

  • jsonp String 在一个 jsonp 请求中重写回调函数的名字

  • jsonpCallback String 为 jsonp 请求指定一个回调函数名 超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议 设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法 一次HTTP操作称为一个事务,其工作过程可分为四步

  • OPTIONS 返回服务器针对特定资源所支持的HTTP请求方法

  • HEAD 向服务器索要与GET请求相一致的响应,只不过响应体将不会被返回

  • GET 向特定的资源发出请求 一般用户请求数据会被经常使用

  • POST 向指定资源提交数据进行处理请求 一般用于登录 数据保密 还可以用与文件传输

  • PUT 向指定资源位置上传其最新内容 需要修改数据的时候和更新数据的时候

  • DELETE 请求服务器删除Request-URI所标识的资源 删除数据的时候使用

  • TRACE 回显服务器收到的请求,主要用于测试或诊断

  • CONNECT HTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器

  • HTTP/1.1 例如:http:// HTTP/2 例如:https:// 加密 www.baidu.com/

  • PATCH 实体中包含一个表,表中说明与该URI所表示的原内容的区别

  • GET(SELECT):从服务器取出资源(一项或多项)。

  • POST(CREATE):在服务器新建一个资源。

  • PUT(UPDATE):在服务器更新资源(客户端提供改变后的完整资源)。

  • PATCH(UPDATE):在服务器更新资源(客户端提供改变的属性)。

  • DELETE(DELETE):从服务器删除资源。

  • HEAD:获取资源的元数据。

  • OPTIONS:获取信息,关于资源的哪些属性是客户端可以改变的。 原生的方式


    创建Ajax对象  var oAjax=new XMLHttpRequest();

连接到服务器 oAjax.open("GET","abc.txt",true);

发送请求send oAjax.send();

接收返回值
oAjax.onreadystatechange=function(){
		if (oAjax.readyState==4 && oAjax.status==200){
				alert("请求成功"+oAjax.responseText);
		}
}