首页
学习
活动
专区
圈层
工具
发布

ES6 Fetch API基础教学

使用 fetch 不需要依赖 jQuery 或其他库,这减少了全局命名空间的污染。fetch 允许你以多种格式处理请求和响应,例如 JSON、Blob、ArrayBuffer 或文本。...一个是上方 then 中 return 使用的 .json() ,能够将返回的数据以对象的方式传给第二个 then 接收,另一个是 .text() ,当返回的数据无法转换为对象时,则会将请求数据以字符串方式取出...使用 .json() 将 response 的请求数据取出用 .text() 将 response 的请求数据取出POST与 GET 不同的是,使用 POST 请求时需另外在 method 属性内指定...GET ,但是 GET 本身无法在请求中借由 body 发送数据,因此在有 body 属性的状态下,未替 method 指定为 POST 或其他可带 body 的请求方式时,会出现以下错误:默认的请求方式...请求失败在 Fetch 中,请求失败时不会有像 $.ajax 中有 error 可以直接捕捉,取而代之的是要以 response 的 status 的属性值判断,当 status 的值不等于 200 时

24010
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    AJAX的基本原理及实例解析。

    XSLT——将XML转换为XHTML(用CSS修饰样式)。   XMLHttp——用XMLHttpRequest来和服务器进行异步通信,是主要的通信代理。   ...status——从服务器返回的数字代码,如404(未找到)和200(已就绪)。   status Text——伴随状态码的字符串信息。   readyState——对象状态值。...)正在解析响应内容   4 - (完成)响应内容解析完成,可以在客户端调用了   对于readyState的状态值,其中“0”状态是在定义后自动具有的状态值,而对于成功访问的状态(得到信息)我们大多数采用...只能向同一个域中使用相同协议和端口的URL发送请求,否则会因为安全原因报错。   ...status Text——伴随状态码的字符串信息。   在收到响应后第一步是检查响应状态,确保响应是否成功返回(状态为200)。

    1.1K30

    AJAX使用说明书

    AJAX的交互方式 同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求; 异步交互:客户端发出一个请求后,无需等待服务器响应结束,就可以发出第二个请求。...当请求发出后,浏览器还可以进行其他操作,无需等待服务器的响应! 简单的AJAX示例 下面的例子是做一个简陋的加法计算器,用户输入两个数字,然后点计算后,将值显示出来,并且页面不刷新。...6.data 要求为Object或String类型的参数,发送到服务器的数据。如果不是字符串,将自动转换为字符串格式。get请求中将附加在URL后。...为正确的函数名,以执行回调函数。   text:返回纯文本字符串。...默认情况下,发送的数据将被转换为对象(从技术角度来讲而非字符串)以配合默认内容类型"application/x-www-form-urlencoded"。

    3.1K70

    $.ajax()方法参数详解

    data: 要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。...为正确的函数名,以执行回调函数。           text:返回纯文本字符串。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。            ...username:要求为String类型的参数,用于响应HTTP访问认证请求的用户名。 password:要求为String类型的参数,用于响应HTTP访问认证请求的密码。...默认情况下,发送的数据将被转换为对象(从技术角度来讲并非字符串)以配合默认内容类型"application/x-www-form-urlencoded"。

    1.3K10

    Ajax工作原理及实例「建议收藏」

    我们可以把服务器端看成一个数据接口,它返回的是一个纯文本流,当然,这个文本流可以是XML格式,可以是Html,可以是Javascript代码,也可以只是一个字符串。...6.data: 要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。...对象必须为key/value格式,例如{foo1:”bar1″,foo2:”bar2″}转换为&foo1=bar1&foo2=bar2。如果是数组,JQuery将自动为不同值对应同一个名称。...为正确的函数名,以执行回调函数。 text:返回纯文本字符串。...默认情况下,发送的数据将被转换为对象(从技术角度来讲并非字符串)以配合默认内容类型”application/x-www-form-urlencoded”。

    92610

    jquery中ajax参数说明

    6.data:  要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。...为正确的函数名,以执行回调函数。 text:返回纯文本字符串。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。            ...18.username: 要求为String类型的参数,用于响应HTTP访问认证请求的用户名。 19.password: 要求为String类型的参数,用于响应HTTP访问认证请求的密码。...默认情况下,发送的数据将被转换为对象(从技术角度来讲并非字符串)以配合默认内容类型"application/x-www-form-urlencoded"。

    2.4K80

    AJAX和JSON

    实现一个AJAX异步调用和局部刷新 创建XMLHttpRequest对象,也就是创建一个异步调用对象 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL 设置响应HTTP请求状态变化的函数...JSON的语法可以表示以下三种类型的值: 简单值 简单值使用与JavaScript相同的语法,可以在JSON中表示字符串、数值、布尔值和null 字符串必须使用双引号表示,不能使用单引号,数值必须以十进制表示...两个方法 parse() 语法:JSON.parse() 功能:用于将JSON字符串转化成对象 stringify() 语法:JSON.stringify() 功能:用于将一个值转为字符串,该字符串应该符合...JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript值 JavaScript的eval()类似于JSON.parse()方法,可以将json字符串转换为json...-> 将数据传出到回调函数供我们使用 -> 删除掉污染的src和函数等 所以JSONP并不是真正的ajax,利用的是调用js文件时则不受跨域的影响。

    3K20

    $.ajax()方法详解

    6.data: 要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。...为正确的函数名,以执行回调函数。 text:返回纯文本字符串。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。            ...18.username: 要求为String类型的参数,用于响应HTTP访问认证请求的用户名。 19.password: 要求为String类型的参数,用于响应HTTP访问认证请求的密码。...默认情况下,发送的数据将被转换为对象(从技术角度来讲并非字符串)以配合默认内容类型"application/x-www-form-urlencoded"。

    2.1K20

    $.ajax常用用法

    data:要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。...为正确的函数名,以执行回调函数。 text:返回纯文本字符串。 success:要求为Function类型的参数,请求成功后调用的回调函数,有两个参数。         ...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。            ...username:要求为String类型的参数,用于响应HTTP访问认证请求的用户名。 password:要求为String类型的参数,用于响应HTTP访问认证请求的密码。...默认情况下,发送的数据将被转换为对象(从技术角度来讲并非字符串)以配合默认内容类型"application/x-www-form-urlencoded"。

    23610

    Ajax&Json笔记(1)

    AJAX: 1. 异步和同步:客户端和服务器端相互通信的基础上 * 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。 * 客户端不需要等待服务器端的响应。...字符串(在双引号中) 3. 逻辑值(true 或 false) 4. 数组(在方括号中) {"persons":[{},{}]} 5....对象转换为JSON字符串,并保存到指定的文件中 Writer:将obj对象转换为JSON字符串,并将json数据填充到字符输出流中...OutputStream:将obj对象转换为JSON字符串,并将json数据填充到字节输出流中 * writeValueAsString(obj):将对象转为json...服务器响应的数据,在客户端使用时,要想当做json数据格式使用。有两种解决方案: 1. $.get(type):将最后一个参数type指定为"json" 2.

    23510

    ​​Ajax与Git核心知识精要​

    :服务器通过网络给浏览器返回资源的过程Ajax​​定义​​:是一种在JS代码中发起一次请求并获取响应数据的技术​​语法​​: 响应的状态​​响应状态描述​​:服务器返回的一个文字标识,代表本次响应的描述​​响应头​​:头部参数名:值​​响应体​​:服务器返回的响应数据02:Ajax请求方式表单自我提交可以在form标签设置提交到的地址和请求的方法​​...的data选项传递对象,运行时会被axios内部转换为JSON字符串) ​​请求头​​:Content-type:'application/json'​​请求体​​:{'参数名':值,'参数名':值}​​...后面拼接参数名和值如果要使用post请求,会发现send('请求体')没有被后端解析,原因是原生的Ajax把字符串默认当做普通的文本请求头标记内容类型:Content-Type:'text/plain'...JSON字符串里携带注释值不能使用undefined或函数值只能为字符串、数字、布尔值、null、数组、对象PromiseES6新出的一个构造函数,目的是为了解决回调地狱问题​​语法​​: let 变量名

    12010

    Ajax与Json的学习

    Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。...转换方法: * WriteValue(参数1,obj): * 参数1: File:将obj对象转换为JSON字符串,并保存到指定的文件中 Writer:将obj对象转换为...JSON字符串,并将json数据填充到字符输出流中 OutputStream:将obj对象转换为json字符串,并将json数据填充到字节输出流中 * WritevalueAsString...服务器响应的数据,在客户端使用时,要想当做json数据格式使用。有两种解决方案: 1. $.get(type):将最后一个参数type指定为"json" 2....//给username绑定blur事件 $("#username").blur(function () { //获取username文本框输入的值

    2.7K10

    50道JavaScript基础面试题(附答案)

    将string作为十进制数字的字符串解析; parseInt的第二个参数radix为1时,解析结果为NaN; parseInt的第二个参数radix在2—36之间时,如果string参数的第一个字符(除空白以外...注意,闭包的原理是作用域链,所以闭包访问的上级作用域中的变量是个对象,其值为其运算结束后的最后一个值。 优点:避免全局变量污染。缺点:容易造成内存泄漏。...两个函数: JSON.parse(str) 解析JSON字符串 把JSON字符串变成JavaScript值或对象 JSON.stringify(obj) 将一个JavaScript值(对象或者数组)转换为一个...40 Flash与Ajax各自的优缺点? Flash:适合处理多媒体、矢量图形、访问机器。但对css、处理文本不足,不容易被搜索。...Ajax:对css、文本支持很好,但对多媒体、矢量图形、访问机器不足。

    14.1K01

    jquery ajax参数详解

    "{字符串:正则表达式}"配对的对象,用来确定jQuery将如何解析响应,给定其内容类型。...每个转换器的值是一个函数,返回响应的转化值 crossDomain type:map 默认: 同域请求为false 跨域请求为true如果你想强制跨域请求(如JSONP形式)同一域,设置crossDomain...这使得例如,服务器端重定向到另一个域 data type:object,String 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。...为正确的函数名,以执行回调函数。 “text”: 返回纯文本字符串 error type:Function (默认: 自动判断 (xml 或 html)) 请求失败时调用此函数。...例如,如果响应状态是404,将触发以下警报: $.ajax({ statusCode: {404: function() { alert('page not found'); } });

    3.2K10
    领券