16-JSON和Ajax请求&i18n国际化/10-尚硅谷-AJAX-jQuery的ajax方法

在我们平时开发的时候啊，我们基本上是不会自己去写这种原生的呃，阿贾克斯请求的代码的，我们基本上呢，都是使用javascript的框架来实现这个阿贾克的请求，那这个时候那么大家注意看一下哈，要使用。框架中的二加克的请求怎么办？用哪个啊？咱们常用的其实就是几克嘛，那我们先来看看几颗当中这个跟阿甲克制请求相关的内容有哪些哈，我们打开这个几颗打开它。那么大家看一下哈，这里呢，是阿贾克斯跟阿贾克斯请求的都在这个栏目下啊，那么常用的是哪些方法呢？就是以下几个，咱们已经给大家列到这个笔记当中了啊，第一个就是阿贾克斯。啊，我们可以看看文档，就就谁呀，就他。就它了哈，你看啊，这个这个方法是整个文档篇幅当中最长的，你看一堆说明就这么多参数呢，往下拉。

看见了吗？也也很多是吧，查询数都特别多特别特别多啊，然后下面是使用的事例啊，使用的事例咱们可以简单瞄一下吧，是吧，简单看一下啊，那么呃，这个这方法啊，是通过什么APP请求远程加载数据是吧？呃，那么几颗的底层阿贾克斯实现啊。简单易用的高层实现啊，就是你看就又做了一些封装是吧，好。那么它最简单的情况下，就什么不带任何参数就可以直接使用了，我的天呐啊，这样就能用是吧，然后呢，还有什么回调函数，你可以自己看看哈，还有什么数据类型，你要你要也要注意等等等等啊很多还有那一些参数，这参数也很多啊，你看都很多啊，大家感兴趣都可以看一下，那么如果大家快速上手的话，大家注意只需要掌握好这五个参数，其实就够了。

那这五个参数分别表示什么呢？咱们说这个是表示请求的地址，那type呢，表示请求的类型，Get或post请求是吧？那date呢，诶表示发送的数据。就是我发送的数据，那发送给谁呀？发送给服务器的，那success呢，是成功，就是请求成功响应的回调函数，哎，就跟我们前面写的这个。On state change，这个差不多啊，就这个好，那么data type呢，数据类型，那到底是啥数据类型呢？注意是响应的数据类型。啊，这个大大家可能会说，诶老师这个data是发给服务器的，怎么这个变成响应的呢？这不应该是他的数据类型吗？来，我给你看看文档啊。

就找到我们刚看的这几个就行了，第1URLURL什么请求的URL地地址完就这么差对吧？呃，然后到date，对哪个date跟着吗，发送给服务器的数据。啊，而且呢，你再看看哈。他说这里面呢，一般是两种格式，一般呢就这种格式，Name等于one里有内等于one里有零字符是吧？注意啊，这个格式有两种，一是什么？Name等于VALUE6连字符name等于VALUE62，二是什么东西，注意看是大括号T冒号value，大家想想啊，其实上面这种格式不也是禁止对吗？这个呢也是进止对，你看见吗？他说你也可以写成这种大括号进值对的方式，那么它会帮我们自动的转换成为这种内等Y6，内等Y6进值对的方式，看见吗？哎，两种都行，好，接着咱们再来看啊，Data data type，这什么是服务器返回的数据类型，看见吗？

服务器返回不就响应吗？所以我们这里说响应的数据类型。And not so sad。呃，我们找找哈，Success。Success这个啊，你看请求成功后的回调函数。是吧，这不就是呃，请求响应响应的回调函数吗？这是请求成功啊，请求成功响应的回调函数，这不就跟咱们前面这个一样吗。这个地方你要做响应是不是通过这个呃函数来做呀，对吧，就通过这个事件来做啊一样好，那我们来看看怎么怎么用这个东西吧，啊怎么演示一下。这样子我们注意啊，把这个关了，我们打开哪个呀，打开今天web下的。

这个几宽阿贾克是请求request啊，咱们前面这个阿贾克斯呢，是延伸的，这个呢是几宽的，咱们打开它。把其他的关了，哎，那这个页面里面有啥，我运行的这个页面吧，这个页面名字还挺长的啊。好，我们下个回车，大家仔细看一下哈，这个页面里面上面有四个按钮，那么每个按钮呢，都表示我们接下来要讲的几query当中。哎，阿贾克斯请求相关的方法，你看四个嘛，这里就四个看见吧，哎，然后下面是个表单，哎，表单然后呢，这里还有一个按钮，这个按钮呢，是演示的一个size，一个工具方法的使用，那么我们先看第一个阿贾克斯是吧，点它的时候我们就要用这个方法来发起一个请求给服务器，我们看看怎么做，我们来看一下啊，就到了点阿贾克斯这么用。

但问题是咋写呀，里面咋写呀，我们不知道，看文档呗，是吧，文档中是怎么用的。我们看示例，人家也是到了点阿贾克斯看见吗？括号里面放一个大括号，里面写上禁止对这的参数，你看到吗？都是这么写的啊，那那咱们也是啊，就是在里面加个大括号，里面都是进值对加参数是吧，URL date。菜。Success，看见吗？Data type都有。就这些好。咱们先说第一个啊，请求的地址呢，就P冒号双斜线local cost8080，诶然后到什么样工程名对吧，这工程太长了，我就复制吧。

好，就这个，然后呢，后面是阿贾克斯Le，咱们还让他请求给谁啊，嗯，还让他请求给咱们的这个so啊，还请求给他。呃，那方法呢，参数你看啊，对对的是参数吧，咱们的参数呢，就是X，你要告诉人家调用哪个方法，咱们再写个方法呗，区分看一下哈，区分看一下。嗯，我们复制咱们这个呢。啊，就他然后为了区分这些方法的不同啊，呃，我们在这个地方。

啊，一下这个方法名，写一下这个方法名，那我们就知道是哪个方法调用的，那么返回的内容一样啊，我把这个TRY开先去掉好，返回的内容一样，我们来看看我现在调用它，呃，这个叫反问名字啊，几块类的二价克请求好，那么请求的类型呢，你就根据你的需要了，Get或破索你自己写啊，我这里就写个get就行了，那么成功的回调函数我写个翻水。好，那么大家注意成功的回调函数这个地方，它使用上是有一个注意的点的，什么注意的点呢？呃，咱们可以看一下哈，在成功的这个翻身的这个地方一定要加一个什么。诶一定要加一个参数，那这个参数呢，就是服务器返回的那个数据，我们在几块率里面获取这个返回的数据啊，就不需要再像以前就是咱们这边通过这个response去获取了，不需要啊，人家给你写好了，你只要在这里写个date，那就最终给你传进来了啊，那我们alot一下，我们说服务器返回的数据是date。

好，那这个时候呢，大家注意这是返回的数据类型，那返回的数据类型都有哪些。注意啊，长。常用的数据类型有test，他没有je这三种，R这三种，那么这种呢，就表示来我拉到下面来。表示。

呃，叉没有啊，表示叉没有数据。这个呢表示Jason数据啊，或者是Jason对象是吧，就这个好了，那么我们先常用的，现在其实就是这个和这个了，这个已经过时了嘛，是吧，咱们先看这test。好OK，那么这时候注意看了哈，我们都写好了，服务器的代码也有了，我们重新部署一下。我们来看看这个效果。稍等啊。好，启动成功，启动成功以后啊，我们的这边呃，刷新一下。刷新再看一下源代码，我看有了吧，有了我怕它缓存，来吧，我现在点击大家看这个数据是不是有了，那它掉的到底是哪个方法呢？即query的阿贾克斯没问题吧？没错，返回的数据也有了，那我们还是那句话啊。

这个数据你得更新到页面上才行，你不能这么lo出来，大家看不懂啊，那怎么办？我们更新到哪里，我们找这个页面啊。我们在这个页面这些按钮的下面，我们自己加一个div。把数据放到这里面来啊，那怎么做呀，注意看啊。mg.HTML啊，咱们说编号加上，大家想想啊，现在它是什么？它是字符串，你要获取它里面的出去怎么办？你得先把它转成Jason。

点ID。姓名Jason o bj.name啊就输出到页面上了哈，来我们看看效果，我们刷新一下点诶哎出来了，我这个漏还在吗？哦，还在是吧，给他注掉来走这这就不出来了，哎，就出来了好了。这就是咱们几块当中的阿贾克斯请求的一个应用，但是大家注意看，我们这里如果写上T，它返回的是成文本，那成文本呢，我们在使用的时候是需要自己手动的把它转成JA对象的啊，那如果说我们用Jason呢？

大家看一下诶。怎么给卡卡死了？哎哟，我重启一下哈。啊，出来了，来，大家注意看。如果我这里写的是Jason的话，那么它就会自动的把这个数据啊给你转成Jason对象，你就不需要他自己转了，你看一下哈。Date，你看这是啥？那这个地方呢就行对了就行了，他就给你转好了，注意看啊。刷新刷新刷新走这个带是不是返回了这个效果是不是一个对象了呀，对吧，还记得咱们前面演示吧，JA对象了出来是这样子啊，JA字符串俄勒出来就看到里面的内容好走这是不是可以用啊，哎，那么很明显我们直接写成Jason的话，使用起来会更加的简单啊，更加简单。

好，当然除了这个之外，我们还要说说这个，这也说一下吧，这有啥可说的呢？我们，哎哟，我们说了date发送的时候啊，它的这个数据格式是两种类型，你可以是name等于Y6 name等于Y6，你也可以是大括号进是对，那我都给你演示一下吧，就这种啊，咱们先住了。Date你也可以写成大括号，那么action等于什么东西呢？哎，这个值那其实也是可以的，也是可以的，OK，咱们重新部署一下。稍等啊好部署好了，那么大家请看这个，这个时候是不是也能用啊，也能用，你看源码改过来了吧，啊，然后提交也没问题。嗯，也没有问题，OK。