25.尚硅谷_AJAX-使用fetch函数发送AJAX请求

哈喽，大家好，这一个小节我们来讲一下，使用废函数来发送价格请求。这个函数呢，是属于全局对象的，可以直接去调用。啊，然后返回的结果呢，是一个promise对象。我们来演示一下。好，谁的话呢，给这个按钮呢，绑定事件，然后点击按钮发送请求，我呢已经提前呢把元素获取到了，下边咱们开始绑定事件Btn.on click。等于一个。发送请求时呢，直接调用F函数，这个fe函数呢，接收两个参数可以看一下。第一个呢，是一个URL啊。第二个呢，是一个可选的配置项。注意是个可选的啊。然后呢，第一个参数呢，除了可以写URL之外呢，还可以写一个request对象，不过呢，这个现在处于一个实验阶段。啊，所以说咱们这传URL就OK了。然后咱们给这些发请求呢，咱们准备呢，再来新建一个服务的路由规则。

然后把这个呢复制一份拿过来，放下边。然后Excel呢，把它换成啊。这个废服。OK，保存。然后这呢，咱也换一下哪个废纸是server。好，然后呢，来这块写，写上完整URL127.0.0.1冒号8000斜杠，然后fe-server。这是第一个参数啊，那么第二个参数的话，它是一个对象里边可可能可可以配置的属性有这些啊，Method head和body啊，请求方法投信息和请求体。好，那么method，咱们加一下，这是请求方法，来一个post。请求。方法。然后下边这个呢，是请求头。然后这会儿来一个黑。也是一个对象，然后name等于一个硅谷。OK，然后下边再来一个请求题。

请求体这块的话，它是一个。Body属性，然后这个键值要注意啊，键值这块的话呢，你可以写什么呢？可以写blog，可以写form data，然后可以写URL search。啊，就是说这你可以写这种类型的一些对象，你也可以写那什么呀，字符串。咱们这呢，就演示一下字符串的一个使用，我这写一个user nameme等于一命，然后and password等于命。好，我们来看看效果怎么样。点开浏览器，刷新页面，点开network，然后点击发送请求。可以看一下POS请求已经发出去，然后请求体这块呢，也已经有结果了，再看一看请求的头信息。啊，请牛头name硅谷也存在。那么这样的话呢，我们就把请求发出去了。行这块可以修改，UR这块也可以修改，你要想配置URL参数可以呢，在URL直接去缀。

咱们写一个VIP等于。这个是。然后呢，刷新页面，然后再来点击。看一下VIP等于十这个参数可以加上。这样一来的话呢，整个请求报文当中任何位置你都可以设置了行头和体。都没有问题，好，那么下面的话我们来看一看响应。响应呢，咱们说它的返回结果是一个promise对象。啊，我们需要使使用一个Z方法来接收和处理它的一个结果。啊，用Z的回调啊，是用用Z的回调来处理结果。哦，CR打印一下response保存切过来，然后点开CR，然后发刷新页面啊，然后点击一下。看这个结果有响应状态码。有显示状态字符串。还有呢，这个头信息啊都有，然后这个请求这个响应体所啊，这个响应体的结果获取啊看一下。我们不能够直接这样获取，我们该怎么办呢？我们可以这样来做。Return一下，Response DR。

它里边有个方法。点开这。顶啊。然后。找一下，找一下那个方法。大家来看一下这个方法的话，在这呢，啊在这。啊，有一个方法叫text OK，就是它，然后呢，我们调一下它，调完它之后呢。咱们再来一个定方法。这是promise的一个语法啊，在这里边我们使用log来打印一下response保存，一起来看看这个结果。点开浏览器刷新页面，点击可以看一下这个结果的话，我们就拿到了，如果说呢，服务端返回结果呢，是一个阶层，那我们可以呢，把这个方法呢换成。杰森这个方法，他就会把这个数据帮我们解析成一个JS对象。啊，刷新页面点击可以看一下。这是当前我们演示一下，使用fe函数呢来发送啊价格请求。那么其实呢，我们在项目当中呢，使用的Excel还是居多，废的话使用居少。

不过我们以后的话，在见到废函数之后呢，啊，一定要知道这个也可以用来发送啊价格请求。好，这一个小节，我们就先到这儿。