ajax获取的数据怎么调用出来
粉丝8943获赞5.1万
相关视频
00:42查看AI文稿AI文稿pink 老师的编程笔记， ats 的工作原理以及实现？如果需要使用 ats， 可以将 smart kits 的对象按照以下步骤进行实现，一通过 space 的构造函数原声生成 shr 对象。二让 用 oppo 方法定义请求的方式，请求的地址以及请求是否易步的不耳。十三要用三的方法向服务器发起请求。三的方法接收一个参数是作为请求体发送的具体数据。如果不需要，请求体需要传递一个 no。 四监听歪的这个事件，检查歪的属性处在请求响应的哪个阶段。歪的反回五个值分别是零到四， 但是我们一般只关注 redic 为四的情况，表示数据已经就绪，可以使用了。在视线中，如果返回状态码为两百，一般我们会使用 resplass 或者 respl 接收到返回的值。
296黑马pink
13:19查看AI文稿AI文稿今天这节课我们来自己封装 ajex， 一步回调函数，一步回调函数是 javascript 里面最重要的 一个特色，结实之所以优秀，全在于此。那什么是亦不回调函数呢？就是把函数作为参数， 函数作为参数。哈，函数作为参数是呃，下一代语言的一个最优秀的地方，整个 gs 之所以优秀，我觉得绝大部分都在于此。 我记得国际上有一个语言的一个进化史，这个语言的进化史呢，在我们俱乐部的十一点幺四七三里面也有一些体现。 这个语言的进化史是什么呢？就是从 c 一直到历史破。哎，语言从 c 到历史破，历史破，就是最智能的一种语言，他就是函数式编程。 那杰瓦斯科特特既有普通编程的优点，又有函数式编程的优点，所以现在有这样一股风气， 哎，前段用结实，后段用结实，叫漏的结实，我看我们俱乐部好多学生都在学漏的结实。第三个就是 数据库编成也用杰瓦斯 creep， 像摸过 db 啊，这种电子对数据库很多已经用结实了，甚至谷歌科目操作系统都是结实。 如果按照这样发展下去，结实将统一从操作系统到编程，语言，到数据库编程，到前段编程， 当然这也是我们程序员落于见到的，我们不再像每一个同学再去学七八种语言，每一种语言拥有很多很多价格，不停的学， 那样白白的浪费我们的青春和生命。我们只用学一种语言，如果程序员真的等到有一天只用学一种语言，那对程序员， 对整个社会，对全世界的程序员都是一个莫大的福音，这是关于一部 ijx 的函数作为参数的一个阐述。 那我们回到最开始的需求来，我们希望这一个代码他能够作为一个函数， 我只需要传这一个就可以了，那我们怎么来封装他？我直接把它剪掉做自定义函数，自定义函数就写在这里，假设这个函数的名字就叫 ijx， 那等于换个心 把代码粘贴进来。 现在我想在这里吊上面的函数啊，这是自定义一个 x 函数， 现在我的需求就是在这里，我只需要掉这个函数，他就能够， 他就能够，干嘛呢？能够，哎，我给他传不同的参数，你如果给他传这一个地址， 他就能把这个节省返回给我，这就是朴素的需求啊，朴素的需求， 我掉这个函数，他就能把它返回给我。 那按照我们通常的写法，这好像是很难的，不可能的，你如果要绝望，或者是多累的，或者是这种变异性的语言，要实现这个功能，你可能用指针，其他你也很难， 所以这是结实的一个优点。下面我们来看要怎么做到。我们只需要在这里掉的时候再来一个方可行， 这是你们经常用的，但是很多同学在用，他不知道什么原因。方可信，在这里就来介绍一下他的原因， 那也就意味着这个函数有两个参数，第一个参数是一个致富串，第二个参数是一个函， 难受 是一个函数。我们通常称这个函数叫托拜克，或者叫 cb， 简写啊， cb， cobec， 或者叫 cb， 那我用 cobeco 作为视力按钮，里面是 cb， 那这就是一个函数啊，这是一个函数。 那第一个我们给他一个叫 url， 也就是这个阐述，我就传给他，他就来代替这一个支付创。 哎，我把这一串传给 url， 这个 url 就代替他，他就叫， 这就保证了第一个传餐，我传什么？我可以自由定义了，我可以传其他的请求啊，我不用哈喽，我的， 所以这就保证了他的封装性，封装性。现在我们再来回顾第二个参数，这第二个参数是一个函数， 是一个函数。那我如何把这一个致富串现在叫节省这个致富串传回给这一个函数呢？ 这个艾伦特我们就不要了，我可以这样穿，既然你这是一个函数，函数里面你可以带一个函数， 这个参数的名称可以 aabb。 我，我们一般用 r， 用什么都无所谓啊，用什么都不无所谓。那我在这里怎么把这个结果也就是这个精神 传到 r 里面呢？我只需要 call bike 接受， 把节省作为科百科的阐述， 注意体会，注意体会，这是很多人不能接受的地方，这也是很多学生他学习编程后很难理解的地方。 我就把这一个节省返回的节省作为科百科这个函数的参数，而这个函 数是这个函数，他的参数是 r， 于是你就把精神传给了 r， 所以我们在这里就可以直接 n r， 这样我们以后要传其他的，你如果要获取首页的数据，这里就叫首页的数据，获取产品列表页面的数据，它就叫产品列表的数据， 这就是回调函数的含义。我现在运行一下，结果一模一样，我用调试的手段去给大家展示他， 我干脆全 给你们监视起来，让你们能够更好的理解。我现在设四个断点，为什么我要设这四个断点？首先幺零四必须设，因为他是进去的歧视点，我一刷先到幺零四 这四个点，为什么先到幺零四？因为他先执行温度点啊，露头，为什么是执行幺零四？作为调试，你们一定要能搞明白， 这就是调试的，大家在不停的学习过程当中，要对调试有不停的深入的理解。 现在在这个状态，我按 f 十一进到这个函数， url 应该就是这一个，于是他就构建一个 ajex 使用 pose 的请求发请求头，用 pose 的请求打开的是哪一个？这个地址也就是他作为参数传进来。好，现在我继续跳，再一跳，他会到这个断点吗？不会， 因为我们上一节课讲了，你去服务器请求数据是要时间的，而计算机运行是很快的，所以像这种一步的方式，他会跳过他。你要进到这个转点，必须按 f 八， 这就是调试到重要的地方，按了 f 八后，他就会把这个节省作为参数穿给科拜克这个函数，而这个函 函数是第二个参数，而第二个参数就是这一个函数，这就是把函数作为参数， 这就是把函数作为参数。所以当他一掉第二个参数，你这个时候你要按什么啊？ f 十一进入函数，他就会进这个函数，同时把这一个时长传递给这一个新仓。我现在按 f 十一， 你就会发现 r 就是杰森，所以在你艾尔特一出 就弹出来了，这就是我们自己封装爱杰克斯函数这一节课的内容也是对学生 来讲是一个难点，是一个难点，但是当学会了这一节后，你对前端的整个的理解会发生非常多的变化， 非常多的变化，为什么呢？因为一些复杂的应用你就可以尝试去做了， 当回调里面牵回调，特别是当我们执行上传的时候，断点续传的时候都是回调。 我们在啊制作比较复杂的应用，例如我要向这个文件夹传递数据，传递很大的文件的时候啊，上传很大的文件的时候是不停的在毁掉， 不停的在接受，不停的在毁掉，不停的在接受。这是啊，关于这节课我们自己封装 啊，当然还有一个我们俱乐部自己的 ijx 函数库啊，这个你们现在正在用，我们除了定义的第一个参数，也就是我们除了定义这一个，这一个我们还加了中间这一个， 这很方便，加了中间这一个就可以让你的公司的成本开发成本降低啊。当然我们还有第四个参数，暂时啊，不介绍，我留空啊，在这里留一个空，留一个空六幺五， 我们自己的函数库啊，先解决大家的 spring but 的问题，以后有时间我再介绍 好了，这是关于自己封装 ijx 技术，那接下来的两节课我们将介绍类对象集合和 map 数据类型， 学完这两个后面我们就直接是用布特获取这个题，基本上都是复制粘贴，复制粘贴就可以了，就可以了。好了， 这节课我们上到这里，大家下课休息。
10:46查看AI文稿AI文稿好，我们刚才说过了啊，简单看过了，那么直接下面呢，使用多了点 ag a x 啊，来写，好这样一个方法写啊，不要着急，多了点 ag ax， 看到没有，是不是有这样一个 好，洗完了，这是第一步啊，洗完洗完之后怎么办呢？好，它里面第二步有一个括号，还有一个花鼓号，小鼓号里面的花鼓号， 然后呢，首先他要指定啊，那这个阿雅克斯呢？ ag ax 这个方法啊，他包括了什么呢？ pos 啊，也可以用这个盖的方式啊，也可以用这个盖的方式，我们要选择到底用哪个， 那到底用哪个呢？用谁不来指定呢？用这个泰普来指定啊，泰普冒号啊，泰普冒号双引号来指定一下，比如说我们这用的一个 pose 这个方式啊，用这个方式 好，下面呢，大家想一下啊，指定了这样一个 pose 的方式， pose 的方式啊，进行啊提交，提交到哪个地方呢？是不是要指定地方啊？是吧，提交哪个地方好？这个地方呢？就是一个 uir 啊，冒号双斜杠， 你这个阿贾克斯啊， ajx， 他提交的这个啊，路径啊，提交这个路径，比如说啊，我们这个地方，哎，是不存在啊，意思啊，意思，呃，意思 exst， 悠然点 aspx。 好吧，我们我们提交到这个地方啊，我今天整这个爱贾克斯的时候呢，我用两种方式给给大家说一下，让大家知道啊，就是 axbx 里面呢，他这个一些机制好，这时候完了，大家看 每个完了之后是不是有个逗号隔开啊？啊，有逗号隔开，你不要忘了这逗号啊，好了，走走走，走了啊，好，那第三步干嘛呢？第三步干嘛？我们看一看，你忘了？不要紧，你就看一下第三步是不是传的是一个备胎啊？ 是不是？哎，传的是个对的，大家看一下。那么这个对的在传的时候呢，用的是冒号是吧？哎，冒号有点那种，加上这样一个值，等号加上这样一个值，好，这是一种方式啊，你们没有学，我给你们演示一下，等于 叫做 u 内膜， u 内膜，我们这地方传的是什么？你不要照照抄这个笔记，这个笔记是不是 u u 二内膜，是不是，但是我们这地方是什么？是不是 u 内膜 u 下发炎内膜？好了，咱们接下来他从这获取人呢？ 他从这获取值，是不是获取的是他的这个值啊？是不是这个文本框的值啊？哎，他是，比如那啊，他的这个值，他那个 这是什么呢？是不是握这个方法呀？好，握这个方法啊，好，这个是获取什么呀？这个网页上哪个呢？他这个文本框，一 人的框啊， 真的夸的这个直。哇，那么 gs 的写法呢？叫做什么？什么点 m 六啊，这不太行，哎，不对呀，不能这样写啊，那等于什么呢？加上他是吧？哎，加上他，加上，哎， 啊，这是个等号啊，加上他。好的，那这样写的话就是多上一会内幕，然后你比如说你这时候当然将来获取值的话是一个什么，什么是一个 张三，那就是张三是吧？好，这地方也错了，应该是个什么逗号哈，这个逗号，然后下面的话呢，你提交完了之后是不是那个地方给你响应一个呀？ 是吧？啊？想要一个，那这个叫赛克赛斯啊，赛克赛斯啊，发过去逗号，我为了让大家看到，既然有成功，还有一个 l 啊啊，我就是直接俩，我都给你写啊，我都给你写好，就这样写完了，这是一个基础的格式啊， 大家会发现啊，这阿雅克斯一不刷新好，非常好，那恶心就恶心到哪了，你要是对 gs 你都不太了解，或者说你这是一个薄弱环节。呃，那你这写起来确实很难刷，那我这 你为了让你结束，我这写一个多少点 agax 啊，他的这个结束是吧，我写一个他的开始，他的结束，这样 你知道什么时候开始什么时候结束好了，到这啊，不要动，给写到这先不动了，写到这不动了。大家看啊，我们这个地方是不是定义了一个 aspx 来返回数据啊， 这是不是服务器端呀？好，在哪呢？在这啊，我们在这添加一个外包窗皮啊，添加一下叫做 e， 一个 z 字悠然啊，就是是否出那样一个悠然， 好吧，手出来点一个，那这个呢？我这操作的时候就直接把这页面啊给他干掉了。如果你看过之前那个视频啊，之前的视频呢，我是在讲的时候是首先这个地方啊，我不去给他干掉，你们也可以在写的时候先不把这个单法给干掉 啊，你会发现呢，最终啊，大家返回的数据看，把这个网页的数据给你返回过来了啊啊，我为了我们项目的减， 我就直接把下面网页给干掉，那么干掉之后，大家看一下，是不是就只剩下了一个铜键这一块 是吧？同念这一块，那老让代码怎么写呢？大家想一下啊，他是一个 a s b i， 就是这个网页，你仍然在这个地方还可以写什么？是不是还可以写个 cs 代码呀。好，还可以这样写。是个 csm。 这个 a s p x 啊，他用于返回 好吧服务器的这个数据先让他来返回数据。那么他来返回数据的话怎么返回呢？是不是有一个社群有下发线内幕 对吧。瑞克斯的中国号哪个呢？优下发下那部来获取一下就可以了。是不是看一下啊理解一下。获取谁啊。 获取 ag ax。 他提交过来的这个数据大家想一下你看啊这地方他说我要提交，提到哪去呢？我要提交这样一个页面，然后这个页面是不是在加载的时候你只要一提交我就获取这个数据了。 过去了吧。好，过去了怎么办呢？我们写一个死拼 cco 语句啊。死定的这个 cq 语句啊。那这个 cq 语句呢也很简单啊。仍然是死拼点放慢的啊。这种方式艾特啊斯莱克的什么呢。靠的行靠的行吧。 好还是靠的行啊。福啊福啊什么的。有点热啊有点热。 威尔有加盐类等于代号。然后这个阿土号啊逗号。 两块钱累吗。 洗完了吧。洗完之后是不是要掉那个滴滴黑花呀。 哎。这个黑宝没来是吧没来的话又幽灵了一下。幽灵又下啊 p p 黑 opard 一个是 k 开了啊。好，随口一句。我们传过来可以吧。哎我们传过来来传过来的话呢。用这个因子嘴绕子来接收一下。 现在主要的来接收一下可以吧。哎接收一下。那么接收一下呢。我们直接写啊。直接写 如果要大于零。大于零表示什么？表示是不是存在啊？好表示存在啊，注意那表示存的时候，这时候啊，我们就不要 要往往这说出一段话了，阿贾克斯他在返回的时候啊， 我写的安全一点啊， ready reat 啊，我比如说我这写个 ok 啊 啊，我写一个 ok 就是福气端啊，针对阿贾克斯的这个请求啊， 他返返回都是简单的， 标是符啊，标是符，好吧，那同样这是 ok 就是不 ok 了是吧？是不 ok 了？ ok 反义词啊， no 啊，反应观众是吧，当然也可以返回一和这里 ok， 我们那再加上这个断点。哇，加上断点来走一下啊，从哪走呢？从这个这是吧，注册这个页面来走一下。 有人说老师那前端能不能加这个断点也行啊，就这个地方也能加断点。 过来了吗？来了是吧，好，在这梳一个啊梳一个， 看到没有？走了吧？啊，我只要一一走的话那个波浪事件是吧？跑跑跑过来了对不对？就是说他这一走然后跑到这个跑到这了，跑到这之后呢？看到没有？走这个断点了， 然后这个单步走一下走来了没有？来了是吧，表示这个 a s x 已经获取了你刚才那个网页啊，他提要这个数据，来了来了，走 走好。这地方的话呢，掉这个 db 合口，我们不用管他，直接是返回啊，挑出一下好，挑出一下挑出一下了，大家看这个随口句，这个随口句应该是可以做一个执行 大于零是吧？是不是大于零啊啊？大于零，他输出的是这个 ok 啊，输出的这个 ok 啊，有人老师这个 ok 跑哪去了呢跑哪去了？有没有这个 ok 的输出啊？ 有没有杨树老师那找一找这有没有没看到哎，包括这个网络这个地方 是吧？没有看到是吧？那没看到呢，不用管他。哎，就是说他这是输出了一个 ok 啊，他会输出一个 ok。 那这个 ok 到底去哪了呢？啊？不着急，我们呢来看这啊， 是不是刚才我给你留了两个没有写啊？没有写是吧？好，那这个地方呢？是一个是成功，一个是失败。 这个成功失败？对啊，他对掉的不是这个可不是成功，这个可不是失败。不是这啊。 啊，有人说那个是什么呢？嗯，下次过来说吧，暂停一下。
9就业课堂
09:07查看AI文稿AI文稿大家好，上个视频我们通过驾驶实现了这个呆萌的局部数据交互，并且是以 get 的方式来传递数据的。这个视频我们改下用 pose 的方式，然后来分析一下两种方式有什么区别，最后呢，再把它封装成一个工具方法，方便以后调用。先来看回上个视频写的代码， 这里把 get 改成 pose， 还有就是这两种方式，他们数据传递的方式是不一样的哈， get 我们知道它是通过 url 来进行数据传递的， pose 呢，它就不是通过 url 来传递了，它是通过请求题来传递的，所以 unnam 这个参数它就不是放在 url 里面进行传递了。 放在哪里呢？放在 send 的方法里面。还有我们用 pose 这种方式，我们在 send 的方法之前呢，还要给他设置一下请求投，这里大家不用记，直接把这句呢给他 copy 过来就可以了。然后再来简单说一下用 get 和 pose 的主要区别。用 get 这种方式呢，它是通过 url 来进行数据传递的，所以呢，它的安全性就比较低，会被缓存，传递的数据量呢，也比较小啊，但是它传递的效率呢，就相对高一点， 用 pose 这种方式，他可以传输更加大的数据量，但是他处理的效率呢，就没有 get 方式这么高，他的数据呢，不会被缓存，但是他会比较安全一点。好，这里正常的话，我们就可以通过 pose 这种方式请求到单面点 hp 这个页面了， 我们再到这个页面改一下哈，看一下用 pos 这种方式怎么样来处理数据。这个就非常简单了，因为数据处理的逻辑和 get 是一样的，不同的就是用 pos 传递过来的数据，我们要怎么样接收到，也很简单，只要把 get 全部呢给它替换成 pose 就可以了。好，现在我们就把这个加请求改成了 pose 方式，来看一下有没有问题。 先打开控制台，同样输入 j， 点一下 load， 没有问题哈，图片和文字呢都夹杂出来了。看一下请求，这里 带慢点 php 请求方法， pose 对吧，状态满两百没有问题。好，这样我们通过 get pose 两种方式都实现了驾驶的局部数据交互，接下来我们就把它封装成一个方法，方便以后需要用到驾驶的时候呢，直接调用就可以了。 定一个驾驶函数里面呢，传一个 plan 参数哈，这个参数呢，是个对象来的，首先第一步就是实力画一个驾驶对象出来，然后我们要知道他是以 get 还是 pose 来进行 传递的哈，这里呢，给他一个 max 的属性，这对用户输入的字母全部转为小写，如果是 get 的话，我们就执行相应的操作。首先我们要调用对象的 open 方法，告诉他我们是以 get 的方式传递数据的，其次就是请求哪一个链接，最后就把请求发送出去， 如果只是请求数据，不需要发送数据的话，那这样就可以了。但是有的情况我们还是需要传递一些参数到后端处理的，对吧，就像我们这个呆萌，所以还需要判断一下有没有参数传递过来。 我们来看一下以 get 的方式，参数呢，是通过 u i l 传递的，比方，这个是请求的地址，我们在地址的后面呢，由问号开始，接着就是参数，比方，我要传一个 you name， 用户名为 a a， 如果有其他参数的话，中间 就按这个符号连接，再传一个参数密码 pass 等于一二三四五，所以传仓的格式应该是这样。好，那现在就可以对 url 进行拼接了，先给他拼一个问号， 再用佛音便利一下传递过来的参数，我们就要把这个参数呢给它拼接成上面这种格式哈，一个问号，后面呢就跟着参数名参数值，再用一个 and 符号连接下面的参数， 继续拼接一下 url， 这里呢，我们用模板字符串里面先是传递参数的参数名等于传递过来的值， 后面还要拼一个 and 符号，对吧？但是如果到了最后一个参数，那他后面呢，就不需要跟着 and 了，对吧？所以呢，还要把最后一个 and 给他删除掉，这里我们对 u r l 进行截取就可以了。通过 size 方法里面呢，就是零到负一，最后一个负一，也就是呢倒数第一个，最后一个啊，这个 and 符号呢，我们给他删除掉了。这样我们通过 get 方法，前面几步呢就完成了。 其次就是 pose， 哈，这里呢，复制一下 pose 这个方式呢，前面是不需要问号的，所以呢，这里直接给他一个空的支付串就可以了，这里就不是叫 url， 另外给他起一个变量名，下面这里呢要给他改一下。 最后就是把这个参数通过 stand 发送过去。发送请求之前呢，和刚才一样， pose 方法要设置一下请求投，最后触发 响应，这一步 get 和 pose 呢都是一样的哈，我们把前面复制一下，就这里 处理响应数据，这一步我们根据实际需求传入一个回调函数来处理就可以了， 再把响应回来的数据作为参数传过去，还要对响应回来的数据呢进行判断一下，看他是否需要进行节省解释，这里呢，我们就看一下传过来的这个参数，他有没有一个 is jason 这个值，他传过来的时候呢，就是一个波尔值，如果是出的话，就证明我们需要对他进行节省解释，如果说没有传这一个值过来，又或者说传的是 force， 就证明呢，他不需要进行节省解释哈，我们就直接拿他响应回来的这个数据就可以了。 ok， 这样我们这个方法呢就封装好了，前面这里呢就可以删除掉了，就保留响应数据的这一部分复制一下，然后前面这些呢全部删除掉， 只保留 aj 这个函数在这里。现在再来请求救，不行了啊， low 的没有效果，点击事件都没有了，我们就回到 h t m l 这里来写这个点击的响应事件吧。 前面我们已经把 demon 点接引进来了，所以呢，我们是可以直接调用 adjust 这个函数的，先获取一下方框和按钮这两个对象， 再给按钮来添加一个事件监听，还要获取书框里面书的内容。 接着就是调用我们刚刚封装好的这个工具，函数参数里面传一个对象，这里还漏了一个 value。 好，再来看一下要传哪些数据过去。首先呢，就是以哪种方式提交 get 还是 pose 要提交的数据呢？有哪些？提交到哪一个地址？ ok， 先是提交的方式，这里呢先用 pose， 然后就是提交的地址， 还有我们有参数呢，要提交过去，这里也是一个对象，就把我们 输入框输入的用户名传过去。还有是否需要节省解析处需要最后再来一个 call back。 回调函数 这里直接把刚才这段处理响应数据的代码粘贴过来就可以了。响应回来的数据这里作为参数传过来。好，看一下有没有问题。 输入 j， 点一下 low， 这里给我们报了一个错， sti is notify， 代码应该有点问题哈， 这里犯了一个比较低级的错误啊，这一句声明呢，应该放在 if 前面的，放在 if 里面的话，那他外面这里就是没有声明了，所以呢，他就会报错题是 notify。 再来看一下还有没有问题，刷新 输入 j， 点一下 low， 没问题啊，可以正常加载图片和文字了。调出网络来看一下， 现在请求的方式呢，就是 pose， 我们给它改一下啊，改用 get， 这里要改成用 get 就非常简单了，直接把 pose 改成 get 就可以了。还有后段处理，这里呢也要改一下，也是把 pose 全部改成用 get 来看一下最终的效果。刷新同样输入 j， 再点一下 load， 没问题啊，打开网络， 现在的请求方法呢就是 get 了。好，这个视频我们就封装了一个类似就快里里面的架子调用函数，后面呢还会引用 promise， fetch 等等哈，感谢大家的收看。
178小K师兄
00:38查看AI文稿AI文稿大讲师啊，就是义部的 javascrit 和 xml， 它不是一门编程语言，它是一种技术，目的呢是减少网络传输量， 提高用户体验。阿贾克斯啊，可以使前后端进行少量的数据交换。页面呢，实现易不更新。比如啊，你在抖音页面搜索 pass 搜索就会出现很多相关的提示，这里啊，就用到了阿贾克斯 前端，利用艾克斯将请求发送到服务器端，服务器端再返回接口数据，抖音主页面的视频正常是播放的，不用刷新，这就能够完成搜索了。你还想知道哪些前后端开发知识呢？在评论区告诉我吧。
119Python宋老师
09:02查看AI文稿AI文稿哈喽，大家好，这一个小节我们来演示一下阿贾克斯请求服务端响应阶层的这样一个操作。在实际工作当中呢，我们向服务端发送请求，服务端返回结果，绝大多数情况呢，都是一个阶层格式的数据， 所以说呢，我们要知道这个结果我们应该怎么样去处理好。那么现在的话呢，我们还是以一个案例为依托去演示， 这一次的话还是一个 div， 不过呢，我们不再是鼠标一入，还有呢鼠标离开，而是键盘按下，在在在这个窗口下边，我们只要按下任何一个键盘按键， 就会向服务端的发送请求，服务端返回结果，然后我们把结果呢在 div 当中做一个呈现。好，我们来做一下啊，首先第一步，先把 搞定键盘按下事件，键盘按下事件 window 点 ok 档，还是一样先做一个测试啊，可以骚扰 love you， 来一个 pass 保存，然后切过来刷新一面开始按，然后 a， b， c， d 啊，你看这 case 都能够正常输出，证明一点咱们的时间绑定是没有问题的。好，那下来的话，我们开始向服务端发请求， 然后我们写一个 cos 的 x h r 等于一个 no 的 x m l h ktv 快速第一步，然后第二步呢是做一个初始化好，调用一下这个欧喷方法，发什么类型 get 第二个呢？ ur l uir 咱们给谁发呢？咱们现在的话换一个，不给这个 siri 去发了啊，咱们给这个接三杠 siri 去发啊，给接三杠 siri 去发。然后呢，这个数据这块的话，咱们先放一放啊，先把他们先对应好，不急啊，待会咱们再去设置响应， 就是给他发这个是定了。好，接下来开始写六二幺二七点零点零点一，冒号八千，斜杠接三杠， sorry， 给他去发请求。好，然后呢第三步是做一个发送，然后呢 x x r 点 send， 然后第四步呢是一个事件绑定处理，服务端反馈结果啊，我们瑞丽丝的设置在里边，我要做判断，判断 状态是不是为四了？ red styat 等于一个四，然后里边还有判断这个状态码是不是大于等于两百， 并且在这次呢要小于一个三百。好，然后在这的话呢，我们开始处理浮端访问结果，我们在这呢来一个啃骚点 logo， 然后写一个 x h r 点， 咱最终结果呢是把它放到 div 当中，所以说咱们这呢在上面像先获取一下这个伪造的，这个元素对象啊， cos 的，伪造的，等一个都听闷着点， 把 id 把 redout 放起来。好，然后呢在这设一个设置啊，应当 st 页面等于 xx 二点二维斯方式搞定好了，咱们先看看这请求能不能发过去。服务呢？我先重新启动一下，然后切过来刷新页面按键一 二三，没有问题，看这啊，我按下一，按下二，按下三，你可以看到这个结果能回来，这个结果是什么？这个结果是服务端返回的响应体， 我按了一个按键发请求，然后服务端返回了响应体，就在控制台做了一个输出。好，然后这样的话咱们回过头来在服务端做一些事情， 咱们改一改啊，比如说先把这改一个哈喽，阿贾克斯杰森，改完之后重新启动一下符，然后呢切过来看看会不会变化啊，在这呢，我再按一下四五 六，你发现内容是发生了改变，注意我页面没有刷新，为什么页面没有刷新就可以看到最新结果呢？这是因为呢，我页面当中的代码没有做任何的变化，只是刚才服务端代码呢，我改了一下，并且重新启动了一下服务，做了这么一个事情， 所以说的话，我只要在啊前端页面呢再次去按键请求再次发送，此时夫妻访问结果发生了改变， 所以说我呢页面的显示结果和控制台结果也就发生了改变。好，那么内容改变之后证明一点，咱们确实呢是在这做了响应， 但是我们的目标呢却不是如此，我们目标呢是要响应一个数据，比方说呢，我们来一个 dot 等于一个对象， 内幕等于一个艾特硅谷，我想把这个对象返回给客户端浏览器， 就说你热爱期不是给我发请求吗？我给你返回一个对象，这个对象能不能直接往里面放呢？对不起，直接放啊，还不行， 因为这个散的方法里边啊，他只能接受字符串和八法，大家可能不知道八法是什么啊，你就知道这块呢必须是一个字符串类型，所以说在这呢，我们需要对这个对象呢做一个转换啊，进行字符串的一个转换。 怎么转换呢？这个时候咱们可以借助于 gs 点四追快这样一个方法来做一个处理，处理完之后呢，就会变成一个字母串，好了把它放进来，放进来之后呢， 咱们把服务重新启动一下，按上，咱们再来看结果怎么样啊？然后这时候我按一下五六，你看这个结果就回来了，结果再回来之后，那么这个结果呢，他是一个阶层格式，自铺串 数据，简单呢，咱们其实获取里边结果还比较方便，一旦结果比较复杂，想要提取其中某一个数据就变得很麻烦，那么这个时候咱们可以怎么办呢？好，我们可以这样来做，第一种方式就是我可以呢手动对数据 做一个转换啊，注意啊，服务器返回结果是一个字步串，所以说 hxxr 瑞斯 boss 这块他是一个字步串，我们先把它变成一个对象， like， 等于一个杰森 pose， x r 点瑞斯 boss， 这个时候你再来看看结果，对他注意，因为代码前端代码我已经改了，所以我要重新的刷新页面，然后按键一看这来了，然后我们可以把内幕这个属性值放到里边做一个显示 好，然后来一个瑞造成点 a m h t m l 等于 dot， 点内保存切过来刷新 n a nb， 结果就来了。好了，那么这个是一个手动转换，那么其实呢还有另外一种方式就是自动转换啊，自动转换，那么自动转换怎么办呢？自动转换就是借助于 xxr 对象上面的一个属性来设置 设置响应体数据的一个类型， x x r 点瑞斯办公室 patt， 等于一个阶层 保存。大家看这个结果啊，我直接呢在这呢打印，谁啊？在这直接打印一下这个 x h 二点 好，然后把下边这个呢，我先注调保存，看好了刷新一遍 abcd， 我已经刷新了啊，我已经刷新了，然后你看这结果艾特硅谷， 那么现在的话，我们要去设置的话，就不需要再干嘛了，不需要再做这个对他转换了啊，咱们可以怎么办呢？咱可以直接这么去做，就是瑞绕他点 a n h t m l 等于 x h， 二 点瑞斯 boss 点内保存，然后切过来刷新一面 a， 你看这个结果艾特硅谷就来了，这就是咱们当前对阶层数据显示的两种处理方式啊。第一种方式就是手动， 哎，我们可以手动去做一个转换。第二种方式就是自动转换，直接在这做一个 res boostip 的一个设置，这个结果就自动帮我们转成了一个对象，我们直接拿里边结果就可以了 啊，对比来看，明显这种方式会更加方便一些。好了，那么这个小节的话，关于阶层数据的响应以及前端代码的一个处理，我们就先介绍这么多。
35尚硅谷教育
09:56查看AI文稿AI文稿大家好，欢迎来到 view 快速开发入门课程，这节课的话呢，我们给大家介绍一下如何在 view 框架里面使用 ajax 来加载异部的数据。呃，我们先把原来的一个 demo 的话呢，复制一下， 我们知道在整个的一个前端啊，请求的话呢，基本上都是 http 请求，在 http 请求里面的话呢，有两种，一种是同步的请求啊，就是页面有刷新。另外一种的话呢，是异部的请求， 包括我们的 gquiri 啊， angel gs， 来自于微信的小程序啊，它都有类似于这样的义补请求，所以在我们的 view 里面也是一样的，我们先把这个先都删掉啊。 好，我们从零开始打开官方的这个文档，在官方的文档里面的话呢，我们可以搜索一下 ajax， 大家可以看到啊，匹配的它都会去显示出来啊。当然这个地方，由于现在我们讲的是最新的 view 二点零的版本，所以它虽然在二点零的版本的话呢，它用了一个 a x l s 啊这样的一个 组件来完成翼步的加载。大家可以看啊，从这个地方迁移过来的话呢，哎，他有一个 axls， 所以我们单击一下这个页面。 好，大家可以看到可以使用 a x a o s 获取数据啊，大家看到的这个地方就是它的一个呃， jacks 请求， ok， 好，如果我们想要去使用它可以单机，那么这实际上是一个独立的项目，它托管到我们 get help 这一块，那么 get help 的话呢，是一个开源的托管的站点啊，我们的 java， python， 包括我们的前端啊，来自于区块链，很多的开源的项目，实际上现在都托管了 get hype 中啊，在大概六月份的时候，应该是六七月份的时候被这个微软收购了啊，好，那么接下来的话呢，我们看一下如何来下载。 大家可以看到啊，基本的主流的浏览器都支持好，他下载的话呢，采用的是现在比较流行的这个 n p m 啊，就是我们前端的这个呃，包的一个管理工， 据我们的 passion 还有我们的漏的 g s 都会使用这个 n p m。 那么这个 n p m 的话呢，因为我们这一块是快速入门课程啊，我们主要是着重来讲解这个 view。 呃，如果大家对这个 npm 啊，还有什么 webpack 这些打包工具感兴趣的话呢，可以去看一下我 npm 的快速入门课程啊，都已经有了。 好，呃，我这一块的话呢，就是简单略过去，我们通常的话呢，也可以采用 http 的方式，对吧？大家可以看啊，如果我们不会这个 npm 的话呢，他也给我们的一个 cdn 啊，就是我们的一个加速器，他的一个地址， 所以我们可以把这个地址的话呢复制一下，复制完毕之后啊，我们打开啊，如果正常他就应该是一个 gs 文件，对吧？啊，我们可以直接看一下啊，一个是压缩板，一个是未压缩板。 ok， 好，我们拿到这个东西，当然我们也可以把它烤到本地来啊，比如说我们这一块的话呢，右键另存为 啊，桌面。 ok， 好，有了这个东西之后的话呢，我们也可以放到我们的 g s 里面啊，放到本地也行。 好， ok， 没问题。好，整完之后的话呢，呃，我们接下来如何采用 ajax 来完成？我们先这节课做一个简单的例子啊， 下节课我们再来完成数据的一个填充好，同样的还是 div， 然后这块呢 话呢有一个结果 result， 然后这一块有一个 jazz creep， 对吧？啊，这些都没有问题， new 一个 view 好，然后这里的话呢是井号 a p p data， 我们在这里是这样的啊， 现在默认的数据是空支付串，那么他显示出来就是空支付串，那么除了这个之外的话呢，我们说过咱们这个组建在串店的时候，咱们会有一些勾子啊，大家应该记得在我们的那个 view 的生命周期里面讲了，有 create 啊，有这个 mont， 对吧？好，那么这个的话呢，是咱们的 view 对象在串店的时候，他会执行的一个函数，请大家注意 它是一个函数，那么在此处我们来完成一个功能，就是来这个通过 a x l s 来反问远程的数据啊，那么它的参数有很多， 大家可以看到这个这一块啊，如果大家详细的一个使用啊，大家可以看到可以通过 get 啊，然后可以给夫妻团参数，这个认的话呢就是返回的结果 catch 就是如果是出了异常啊等等。 那么这一块我们是快速入门，我快速的帮大家从啊远程获得相关的一个数据，给大家展示一下就行了。来我们同样的话呢，要调用它，那么采用这个 get 来完成， 比如说啊，这个三 w 幺六三点 com 啊，然后的话呢， 这个任里面的话呢，就是我们成功之后返回的这个函数来，这是我们的结果，这个是回掉函数，对吧？这是我们的结果。 ok， 那么这个结果的话呢，我们来打印一下 in four result， okay， 好，整完之后的话呢，我们来看一下在这边刷新啊，这会是一个问题，当然我们主要是要把这个问题解决掉啊。 来这块有个跨域的问题，大家可以看到什么也没有显示 来这里面是空的，这块报了错啊。那么这个问题的话呢，是一个比较重要，也是一个比较呃， 经常见到的一个问题，我们称为跨域。什么叫跨域呢？就是说我们现阶段的这个页面实际上跟我们的这个远程的这个幺六三实际上不是在同一个域名啊。正常来讲为了 安全性，我们现阶段的浏览器都阻止了跨越，但是常见的一些来我们看一下啊，我们搜索一下跨越请求，大家看到没有啊？跨越请求，其实这个 a x l s 的话呢，它是可以支持跨 遇的啊，但是需要我们做一些详细的配置啊，这个东西我们就没有必要去深入了解了啊。大家只需要知道我们在做项目的时候，我们访问自己后台的数据是 ok 的， 那么在这一块我怎么去模拟呢？很简单，假如这个 jacks 是 ok 的话呢，我在本地整一个节省文件也是可以的啊。那么最小化的入门嘛啊，就尽可能的我们通过最小化的方式来完成整个语音的学习， 很明显这是一个节省速度，对吧？啊？我们来看一下，比如说 at me pass 年龄啊十八，然后这一块也是一个 name 啊，这是阶层格式 十九好，坦白来说这个地方是一个简单的 jason 数组啊，大家应该知道用中号括起来的，我们称为 jason 数组，所以在这里的话呢，我们先要把它反问 data jason 就行了。 好，访问之后的话呢，我们来看一下，打开它刷新一下，大家可以发现啊，最后这个结果的确出来了， 出来之后啊，请大家注意它里面返回的除了这个数据之外，它还有一些状态，大家可以看啊，状态信息我们只需要证明它怼它，对吧？啊，好，那么正常如果想要显示，那肯定是 this 点 result 等于 result data 来，很抱歉各位看一下，不行，这是为什么呢？因为在整个 attracts 里面的这个 raise 啊，它实际上代表的并不是我们这个 view 对象。 这块的话呢，我们下节课再解释，他这块提供的解决方案就是有一个半的。 好，大家看，那么这个数据的话呢，就可以显示了啊， ok， 那么这里我们下节课再解释啊， 这一课我们主要是给大家介绍了整个 view 里面呃， jacks 的一个数据的访问啊，好，我们先介绍在这里啊，谢谢大家。
10乐上&轻至
05:15查看AI文稿AI文稿hello， 大家好，这一个小节我们来讲一下使用 fitch 函数来发送 ajax 请求。 这个废纸函数呢，是属于全局对象的，可以直接去断用啊，然后返回的结果呢，是一个 promised 对象，我们来演示一下。 好，谁的话呢，给这个按钮呢，绑定事件，然后点击按钮发送请求，我呢已经提前呢把元素获取到了，下边咱们开始绑事件， b t n 点 on click， 然后等于一个 function 好，发送请求时啊，直接调用 fit 函数，这个 fit 函数呢，接收两个参数，可以看一下，第一个呢是一个 url 啊，第二个呢是一个可选的配置项，注意是个可选的啊，然后呢，第一个参数呢，除了可以写 url 之外呢，还可以写一个 request 对象， 不过呢，这个 request 呢，现在处于一个实验阶段啊，所以说咱们这传 u r l 就 ok 了。然后咱们给这发请求呢，咱们准备呢，再来新建一个服务的路由规则， 然后把这个呢复制一份拿过来放下来，然后 excels 呢，把它换成啊，这个 fitch 服务， okay， 保存。然后这儿呢，咱们换一下，来一个 fitch 式 server。 好，然后呢，来在这块写，写上完整 u l 幺二七点零点零点一，冒号八千斜杠，然后 fitch 杠 server， 这是第一个参数啊，那么第二个参数的话，它是一个对象里边可可能可可以配置的属性。有这些 啊， method， headers 和 body 啊，请求方法，投信息和请求题。好，那么 method， 咱们加一下， 这是请求方法，来一个 pose 的请求方法，然后下边这个呢是请求头， 然后这会来一个 headers， 也是一个对象，然后 name 等于一个 at 硅谷， okay， 然后下边再来一个请求题，请求题这块儿的话，它是一个 body 属性，然后这个见值要注意啊，见值这块儿的话呢，你可以写什么呢？可以写 blog， 可以写 form data， 然后可以写 url search pyramid， pyramids 啊，就说这你可以写这种类型的一些对象，你也可以写呢。什么呀？字符串啊，咱们这呢就演示一下字符串的一个使用，我这写一个 youtube name 等于一个的命，然后按的帕斯 word 等于一个的命。好，我们来看看效果怎 怎么样。点开浏览器，刷新页面，点开 network， 然后点击发送请求，可以看一下啊，透视请求已经发出去，然后请求题这块呢，也已经有结果了，再看一看请求的投信息 啊，请求头 name and 硅谷也存在，那么这样的话呢，我们就把请求发出去了。行，这块可以修改， url 这块也可以修改，你要想配置 url 参数，可以呢，在 url 直接去坠 啊，咱们写一个 vip 等于一个这个十，然后呢刷新页面，然后再来点击看一下 vip 等于十，这个参数可以加上， 这样的话呢，整个请求报文当中任何位置你都可以设置，行头和体都没有问题。好，那么 下边的话，我们来看一看响应，响应呢，咱们说它的返回结果是一个 promised 对象啊，我们需要使用一个认方法来接收和处理它的一个结果。 用认的回调啊，用认的回调来处理结果。好， ctrl log 打印一下 response 保存，切过来，然后点开 ctrl， 然后发创新页面啊，然后点击一下， 看这个结果。有显现状态码，有显现状态支付串，还有呢这个投信息啊都有，然后这个请求，这个响应体， sorry 啊，这个响应体的结果获取啊，看一下， 我们不能够直接这样获取，我们该怎么办呢？我们可以这样来做， return 一下 response， 点 text， 它里边有个方法，点开这儿，点开这儿啊，然后 找一下，找一下这个方法，大家来看一下啊，这个方法的话在这呢啊，在这 啊有一个方法叫 text， ok， 就是它，然后呢我们调一下它，调完它之后呢，咱们再来一个任意方法， 这是 promise 的一个语法啊，在这里边我们使用 ctrl log 来打一下 response 保存，一起来看看这个结果。 点开浏览器刷新页面，点击可以看一下这个接口的话，我们就拿到了，如果说呢服务端返回接口呢，是一个接生，那我们可以呢把这个方法呢换成接生这个方法，他就会把这个数据帮我们解析成一个 gs 对象 啊，刷新页面，点击可以看一下，这是当前我们演示一下使用 fitch 函数呢，来发送啊， jack 请求，那么其实呢，我们在项目当中 使用的 xs 还是居多， fit 的话使用居少啊，不过我们以后的话，在见到 fit 函数之后呢啊，一定要知道这个也可以用来发送啊，价格请求。好，这一个小节我们就先到这。
19尚硅谷教育
10:42查看AI文稿AI文稿好了，那么到目前为止啊，我们的阿贾克斯请求倒是没什么问题了，就这几步是吧，第一步啊，重建对象，第二步呢啊，这个注册回调函数，第三步呢，开启通道，第四步呢，发送请求是吧， 那么请求是发了，但是我们到现在为止还没有说提交数据是不是？哎，我们在阿贾克斯二这个 html 当中啊，我们给他提交数据啊，我说一下啊， 最常见的阿贾克斯的 get 请求的一种编写方式啊，就以我第二个例子为例啊，第三个例子呢，你就别再模仿了，这种方式呢说啊，在这单独再写个函数，这种情况呢，这个代码 不好了啊，不好看了。所以这块呢，你就别采用这种方式了。好吧，就采用还是我之前写的这种方式啊， on ready state change， 后边直接写回到函数。嗯，好吧，直接采用这种方式啊，那么现在呢，我说了我们这个请求应该怎么 get， 请求应该怎么去提交数据，对吧。哎，所以这块呢，咱们接下来看看这个啊， 阿贾克斯 get 请求如何提交数据呢 啊，注意 get 请求提交数据啊，是在什么呀，是在请求行上提交啊，请求行上 请求行啊，上提交格式是什么呢？是 u r 问号。 name 等于 value， 余 name 等于 y 六，余 name 等于 y 六啊，省略号啊，其实这个钙的请求 提交数据的提交数据的格式啊，是 http 协议中规定的， 按照协议来就行。按照协议或者遵循协议即可啊，遵循协议即可，因为协议中规定是这样的 啊，这个以问号的形式和这个 u r l 拼在一起，后边是 name 等于 value 与 name 等于 value 与 name 等于 value 与 name the value 与 name the value 啊，就是这种方式，你就按照这种方式提交就行了。好吧，好，那么接下来呢，我们就来采用这种方式提交一下， 好，就在这吧，对吧？哎，这不是 u r l 吗？ u r l 后边儿加个问号儿，问号儿后面儿，我们需要提供什么呢？提供，比如 user code 等于啊，幺幺零余，对吧？ youth name 等于什么呀？比如说张三， 我们给他拼死，拼到后边行不行啊？哎，那可以就拼到这啊，拼到这之后发送这个请求，这个请求过来之后呢？他执行哪个家伙程序呢？哎，我们把这个打开啊，他执行的是 ajax request 二 several。 那走过来之后呢？首先在这块呢？哎，我们可以 把这个代码注视掉，我们不响应这个什么用户名已存在了。好吧， 那么接下来呢，我们就是来获取，行吧，获取阿贾克，获取这个阿贾克斯 get 请求提交的数据，怎么获取？还是跟我们以前的 solent 一样啊？ request 这个对象里边儿 调用它的 get， 是吧？哎， get 哪个呀？哎， get parameter， 那么这个位置写什么？那么一定要注意啊，不能随便写 这个地方。问号后面呢，是以内幕等于外六与内幕等于外六与内幕等外六方式拼接了。等号左边是内么？等号这个左边是内么？啊，所以把这个一段扣子拿过来，拿过来放在这 啊，那么这个时候我们会返回一个字符串的 user code， 同样 request， 调用它的 get parameter 这个方法。 然后呢，我们从这啊把这个叫做 yout 内幕啊，拿过来复制，能复制尽量复制啊，复制粘贴过来，这样可以保证没有任何问题。那么这个 uto 和 youtub 内幕呢，就是从我们哎阿贾克斯发送 get 请求的时候，从这个地方以问号的形式给他带过去的，那么带过去之后呢，接下来我们在这块干什么呢？ 哎，我们这样啊，我们把获取的的优的扣子和优的内幕再放到这个死板标签里边，所以我们响应就行了。好吧，响应一下啊，响应什么呢？我们写上优的啊扣的等于等于什么呀？这个叫做优的扣子 加上去个逗号啊，然后再加上一个 user name， 行吧，哎，等于 加上这个油的内幕，我们看看能不能拿到。其实说白了就是前端这块呢，发送一个阿贾克斯请求怎么发以 发送阿杰克斯请求啊，提交数据以问号 name y 六的方式啊， name y 六与哎，这种方式提交的，提交之后，我们后端呢，通过 request 的调 get parameter 的一个方法来获取我们的哎，数据拿到数据之 后呢，我们给他呃，在这简单测试一下啊，其实就是输出到哎，在前端浏览器上再输出啊，拿到之后呢，再放到这个 div 里边，我们中证主要不是说看他的运行效果又怎么酷炫啊，我们是想说的是我们这边提交数据啊，是采用一个什么样的格式去提交的好吧， 好，那么这个时候呢，我们把这个服务器呢再启动起来啊，启动起来之后呢，我们看一下啊， 来，稍等片刻啊，我们先启动一下，启动起来之后我们来测试一下。 我们这边呢输入阿贾克斯三呃，二点 h 台面啊，走一个，走了之后呢，我们点一下，你看 youtocode 等于幺幺零， youtonam 等于张三。 f 十二呢，我们打开啊，打开之后呢，最初这个 div 里边什么也没有，点一下，你看 div 里边有了，对吧？有这个东西了，这东西是福气给返回来的啊，然后呢，你也可以再刷新一下，刷新之后你回来啊，在这个 network 这边，你可以看看这个请求啊，来，我点一下，你看他这个时候呢，会发送一个请求过去， 对吧？哎，发送一个请求过去啊，你看，就这个请求阿，甲科字 request 二问号 user code 等于幺幺零与 you the name 等于张三，那这个时候呢？提交过去，提交过去之后呢，就响应了啊，这个是 response 响应， 对吧？哎，这个是请求请求的原码请求啊，是这样发的，你看 alt x get 请求吧。 alt x request 二， user code 等于幺幺零， user name 等于张三，是不是？哎，这是响应的一个头啊， 这是响应头，这是请求头。你还记不记得前面讲 diy 的时候我们说过， htt 协议中啊， get 请求的话，它就是这是请求行上面第一行啊，叫请求行， 那么这个请求行第一行当中呢？这个是请求方式空格后边这是什么呀？ u r l 啊，再后边是协议的版本号啊，整个中间这一块第二个啊，这就是，哎，这个 u r l 提交的数据啊，问号 name 等于 v 了，于 name 等于 v 了这种方式。 好了，那么我们这个是关于我们的一个 get 请求，怎么去提交数据？但是现在呢啊，在我们程序里边是写死的，对吧？什么意思啊？哎，就是我们在这是写死的，那么这个幺幺零和这个 un name 能不能动态获取呢？ 当然可以，当然可以，动态获取没有任何问题啊，可以动态获取啊，你比如说你可以在这给给什么呀？给上两个文本框是不是？哎？比如说 u 的扣子 input 啊，然后 type 类型是什么类型啊？ text 内幕啊，内内幕不需要了，只需要 id 就行了啊。 you 的 code 好，那么这个时候呢， y 了就不用给了。那 youtube name 这块呢？也是个音谱的标签， type 类型呢？是 text 是吧？哎，然后 id 呢？我们叫 youtube name 好，那么这个面呢，我们加个换行啊，然后呢，我们下面呢也同样加个换行就行了， 那这样的话页面上呢就会有发生，就会有变化。来，我们把服务器呢再重新起一下啊， 上面一个文本框，一个文本框，两个文本框一个是用户的代码，一个是用户的名字啊，来这边呢，我们输入这个叫做阿贾克斯二的 h t m， 你看你可以填进去点发动阿迪克斯请求，你可以把这两个数据给他提交过去。怎么做呢？哎，这边你就得获取了，所以你在开启通道之前，你起码在这要获取到什么呀？哎，用户填写的 udocode 和什么呀？哎， udonam 你得获取啊，根据 id 可以先获取到这个空间儿，拿它的 value 就可以了，对吧？哎， user code 等于什么呀？ document 点 get element by id， id 是谁啊？就是这个 ulcode 拿过来之后呢，直接点儿什么呀？哎， value 就可以了，点 value 这个属性吗？同样我们 u 的内幕也是一样， document 的点 get element by id， id 是谁呢？其实就是优的内幕，拿过来之后相当于这个空间有了，空间里边有一个什么呀？哎，叫做 value， 这样的一个属性，可以拿到用户填写的数据 啊，然后呢你看你可以把优德扣的优德内母拼到这啊，对吧？拼到这，这优德扣的去掉，去掉之后加一个双引号，加上两个加号啊，把优德扣的变量上面优德扣的变量拿过来，这个变量优德内母也同样一样，把这个拿过来，直接加到这啊，加一个优德内母就可以了， 对吧？这样的话就把这个拼进去了，拼进之后呢，把这服务器呢，咱们再重新起一下啊，起一下我们再来看看 来，那么这边呢，咱们 我们叫做阿贾克斯二 a 是台面，然后呢这边写上啊，比如说二二零啊，李四，对吧？来，我们发送一下，你看二二零优德内李四，对吧？啊？随便写一个 jackson 来走一个啊，没问题吧？提交过去之后，你后台执行的是加号程序啊，你加号程序这边响应，对吧，你又，你又获取到前端提交过来的一个 code， ctrl name 啊，响应一下， 好，那么这个呢，主要是给大家说一下，在我们的这个阿贾克斯 get 当中怎么去提交数据啊？是采用问号啊， name 等于 y 了， n 等于 y 了的方式啊，中间有个语符号啊，来提交数据的，各位。
10:00查看AI文稿AI文稿哈喽，大家好，今天给大家讲解如何实现页面加载更多阿贾克斯数据交互功能讲解。那么今天的课程是群里比较能问到的，也是很多 没有前端基础的人会问到的问题啊，那么如果有前端基础，可能他也不太懂阿角克斯数据交互是什么东西，那么今天我给大家讲解一下啊。 那我们经常会看到这个页面上有一些，比如说点击加载更多，类似于这种一点击他就会加载更多，再点击他又会加载， 再点击，然后他就会弹出没有了对吧？这边都没有了对吧？那么这个功能呢？其实是比较简单的，那很多人呃如果你没有系统的去学习这些的话，你是不知道的。 我们这个东西我们先拿我们一个没有做的这个做这个效果的这个模板来做啊，那么就在这里啊，那么这个一共有六条是吧？我给他找到这个模板来 说，我们找到这个最近更新，把设置成三条对吧，你方便我们加载更多， ok， 这三条数据我们自己弄一个定义一个加载更多就是在这里嘛对吧？ 这里我们写上一个加载更多 看一下效果，那么是在这里对吧？我们简单的把它做成一个居中的形式 对吧？然后呢加个高度，顶部外边宽高度二十 p， 那么大概就大概就是这个样子对吧？那我们要点击这个，然后呢去加载数据对不对？然后加载数据的话，我们首先再加一个方法对吧？嗯， click 在设置里吧，嗯， click 给磨对吧？给磨这个方法，那么给磨的话，我们晚上 加这个结实下面去， 那么给木的话是一个结实的方法 对吧？昨天的阿贾克斯的一个请求，他如果是这块里的话，那么他有简写，比如说 post was get 某一，一般我就用 get 了。 那这个是一个请求地址，请求地址的话，我们先自定义的一个函数，先写 index， 然后呢， gmo 对吧？然后呢，后面是传参数， 后面呢，就是一个方法返回的对吧？在后面呢，就是一个返回节省的形式对吧？那么这个船的参数是什么？船的参数应该是一个页面页码，比如说 配置对吧。呃一哦配置配置，我们先定一个全局的边量配置，假设他是一对吧，那里面的话，他加在下一页的时候就配置，这加加了对吧， 就等于饿了对吧？那就可以了。之后呢，我们就要先打印出这个啊， 打印出这个返回数据是什么，对不对？那这个时候呢，我们得注意要二开一下这个跟梦对吧，能获取更多吗？那应该是控制器， 我们就在这里前台这里烘膜，下面弄一个 index， 那这里已经写了的话，我们再加一个 的话，一般你要这个时候呢，你要该墨的话，你要根据你前台这个路口，这个呃循环来去看啊，就是你这个路口是怎么写的，要根据他的条件来，比如说你这个是 no， no empty lip， 就是说这个缩略图，呃，不能为空对吧？然后呢？呃，这个 is show 的。然后呢，死颠倒去什么的。热时候呢，我们就要用到一个分页，因为它要加载第二页，第三页对吧？ 这种呢，我们可以抄一下后台的这个阿迪扣，这个阿迪扣里面啊，阿迪扣这里面呢，有一个这个，呃，这个东西啊，我们先把这个枫叶，这个拍举拿出来对吧，这个拍举的话，一定要引入这个，现在我这个是有的，如果没有的话， 加上这个东西啊，因为他这里也有粉液的啊。之后呢，下面这里的话就是呃，只要找到这个东西来复制一遍， 复制到这里对吧？然后呢，啊，这个 sq 呢，就是一个查询的了，就是我们刚才说的，你要根据啊你刚才写的那个查询，比如说 e 是修等于一。然后呢，那个缩略图就是要要 dpic 呢， is none， is no none， 因为我们说略图默认的这个是一个浪的，这就是空子吗？那有可能也是一个，呃，一个是没有的。 sitpsd 意思 no 空啊这种这种意思啊，就是他他也不等于空，这时候这个不等于空，要怎么表示？这样啊，也可 可以啊，或是这样或这样啊，也可以啊，就是他不等于空啊，或者是不等，记住要扩起来啊，这样扩起来 啊，这种搁起来就好了。然后呢，我们再看一下他有什么条件。呃，还有这个呃，排序 对吧？我们排序的话，我们先看一下这里啊，从这个里这里看的话，除了这个查询，我先把它弄进去。然后呢，这个查询是排序是根据排序来的，那我们改一下对吧， 是不是那根据时间倒序。然后呢，这里面里面这相当于就是你限制多少条，那这里的话摸是三条，那我们这也改成三条。那么这个参数呢，可以根据前来去修改，就算你提交参数加一个厘米时的话也可以改变，比如说这里提交 个参数，注意啊，当时说参数就是这里啊，你可以自己改，也可以不用，因为我们自己写的话，默认写的就是一个三条，所以说你可以不传。然后呢，这个就是一个分页对吧？那这个呢，就是数据。那获取了数据之后呢，因为这个数据呢， 呃，他是一个没有分页，没有一些数据的，所以你要给他一个循环对吧？你又没有没有链接的，这数据是没有链接，你看一下后台的嘛，他这个看没有数据的，他有个链接，这个是预览的前台，就是我们要这个链接对吧？我先复制一份， 然后呢，我们可以带特这首呢，我们加一个 k 字去啊，对吧，然后呢，就就这样。那这样的话，这个返回这个数据呢，就相当于一个列表，那列表 像这个列表的链接就是有了，我们反而用节省，因为我前台接触的是一个节省格式对吧？零， 然后呢，是 date， 那这个格式为什么要带一个扣的呢？这个是按你喜欢的。这个时候呢，我一般就是会带一个扣 扣的。然后呢，后面是一个 dat 啊，就是你可以也不用用，也不需要扣的，也可以啊，因为我们前台判断的话，也可以不跟你扣啊。我们现在先示范一下，比如说我点击这个，呃，更加载更多的话，他会返回什么数据啊？ 记住啊，这个是请求这个方法对吧？ gamor， 这是 indix 的控制器对吧？啊，如果是你别的控制器法，你要换成别的。这时候呢， 我们先审核元素对吧，我们直接刷新一下。 这时候呢，我们先点一下，我可以点完之后呢，看一下控制台，控制台返回的什么，他返回三角数据对吧？啊，他返回的数据，我们再点一下，他又返回两，他返回两条数据应该是没有，没有三角数据就只有两条了，再加了的话，他就变得没有数据了对吧？ 看没有他就没有数据了。看一下请求，这是网络请求。那看网络请求为什么要看呢？看你传的数据对不对，看到没有，这是配比，是二 三四，就是他会根据这分页一直传第几页，再点的话他就第五页了对吧？那说明我们传的餐书是没有错的，从自己看的配置的话，一直替增是没有错的，对吧？ ok， 那么我们再看一下这个 logo 落魄里面呢，他有一些写的方法，比如说你个方法的话，好像是返回的数据里没有，没有这个东西，我能不能直接套用呢？直接套用的话是不行的。所以我们要把这个方法呢写到后台的方法，后台的控制器里面去了， 把这个东西呢再加一个循环，我需要自己去这个是一个方法吗？然后这个是嫩，直接写嫩就可以了。然后呢，对应的优色嫩也可以，可以改一个名字也行， 对吧？改一个名字。然后呢，再看一下还有什么，还有一些这个啊，截截取啊，截取一部分，然后再把这个放进去。注意啊，这个 dolo v 的话要跟这个对应，有时候如果你自己写的不是 dolo v 的话。
26:06查看AI文稿AI文稿好，我们一起来看看啊，除了这个 js 的这种方式啊，可以完成数据交换之外，我们 x m l 呢，其实也是一种数据交换格式 啊，它也可以完成前端和后端的交换，当然它不只是前端，后端啊，像 c 元和加瓦要交换数据，我们也可以。拼什么呀？街增格式的字母串儿也可以拼什么呀？ x m l 这个格式的字母串儿。 xl 学过啊，之前就用过，对吧？哎，我们学加往外部的时候就学过 xml， 但这里边写过标签啊，什么 sorlay 的标签，是不是啊，这地方什么 sorlay 的 class 对不对？哎，这就是 xml 下边搜来的 mapping 对吧。这些你都写过，实际上啊，不陌生，那我们就直接用了，各位啊，来，那这样我们还是先写前端，先写前端，好吧， 我们演示一下啊，这种方式，这种方式呢，它其实用的比较少，为什么？因为阶层现在用的比较多，为什么？因为阶层体积小，还容易解析 x 码体积大，解析起来语法还繁琐，所以呢，相对来说，阶层呢，用的多一些， x 码用的少一些啊，好，我们一起来看看。 呃，先把前端页面给它搞出来，然后 h t m l 我们叫 r 加科四七回车啊，然后我们就叫做什么呢？就是使用 x l 完成什么呀？数据交换， 看看怎么做啊，我们还是在这准备个按钮先啊，叫做 button， 好， id 的话我们叫 beten 啊，然后呢，这边呢，是发送阿贾克斯请求啊，就直接显示吧还是显示吧。显示这个，比如 说这个叫，呃，学员列表，我的学生列表啊，还是这个比较经典的一个例子啊，下面还是给个 table 吧。啊外是宽度的话，假如给个五百像素。 五百像素啊，然后呢包点边框的是一像素，假如说啊一像素好了，那这样的话这边呢？我们给个 t 害的表头吗？是不是哎，然后下面给个 t 包的啊 提是不是好，那么这块的 id 给一个啊，叫 student t body 肯定要用，然后这个 t 害的里边放啥呢？那肯定是 t r 开始， t r 结束， t h 开始， t a t h 开始， t h 结束。 那假如还是这个序号呗。这个是这个是姓名呗，这个是姓名啊，这个假如是年龄啊，然后接下来我们这边的话给几个模拟的数据，一会的话删掉这个数据的啊，比如说一对吧，然后这边的话我们叫叫啥呢？叫张三，然后年龄 二十。好，就这就这几个人啊，咱们比较熟悉，来就叫把它拿过来放这啊，这个呢？给他改改，改成这个什么呢？二然后呢这个呢？给他改成李四啊，这个呢改成二十二。就这样啊，我们哐哐哐一顿写。写的啥？来起一下看看啊。先看看页面好吧， 先看看页面对不对啊？没啥问题的话我们再继续再往下，好吧。 呃，叫做阿贾克斯七是吧？那就是这样的，我一点他就展现出来，但现在的话我们要隐藏起来是吧？ 隐藏起来直接注视掉就行了，直接把 tr 注视掉就可以了。那这样的话我们就刷新页面，你看我们一点还是发送 ads 请求，还是给我展示出来这个数据就行了哈，只不过我这次交换的时候我们用 x 交换来，那这个代码就夸夸一顿写就行了啊，这个代码的话我相信各位应该都会写了。 script type 类型是 text 加 script 就是敲，说白了你敲多了自然而然就会了啊。 onload 对吧？ function 啊，因为加载完毕之后执行回到函数 doctor， 我们的点 get element by id id id id id 是 btn btn 是吧？点什么呀？昂克里克鼠标单机 function 啊，然后接下来呢，我们在这呢，就直接我们测试一下 乐的对吧。发送阿贾克斯请求，哎，就这样啊，然后打开刷新点，你看发送阿贾克斯请求没问题啊。 那没问题，我们就继续再往下，这个就删了就行了。发送请求的话，注上步骤啊，创建什么 s t p request 是不是哎？ re request 对象， 然后第二步啊，注册回调函数是不是啊？然后第三步，然后开启通道，第四步是发送请求。 那这边呢，就创建一下，你有一个 x y h t p 水快速的点什么呀？哎嘛啊， x a x 好，有了它之后呢？ x a x 点什么 ready？ 什么 on ready？ 什么是 on ready？ 什么 state change 是吧？哎，等于 function 好，那么接下来我们在下边呢，我们就继续写了啊。 x x h r 点什么叫 open 呗，对吧？什么请求 get？ 注意啊，你这个最好要大写，全部大写啊，这个我之前没有提过，你最好全部大写啊，小写的话可能会有问题， 来这边的话我们就写上项目的名，阿贾克斯杠阿贾克斯。这个 request 几了到几了？来看看上面是五是吧。那这个就是六呗，对不对？六啊，来加一个时间戳啊， 防止它出问题啊。加上一个 new day， 点 get time 是不是好，这是一个请求路径啊，然后后面写个一步处啊， x h r 点 send 是不是好，就这样， 那这样的话，我们就差这了呗。哎。 this 他的一个什么，呃，这个，这个，这个叫什么 ready， 什么死对特，如果等于等于什么呀？几啊，等于等于四的时候， 是不是，哎，我们就表示是什么呀，到了这个最后一步了，响应了，是不是，哎，然后呢？他的状态码，响应码如果等于什么？二百， 哎，没毛病啊。 ios 的话，我们就这个啊，乐了一下啊，这个 this status。 然后接下来在这儿的话，我们就先先先不做什么什什么东西啊，我们先不做啊，任何事情。那么接下来我们先测试一下，这一定会四零四的，是吧，刷新一下，我们点一下，你看，四零四预期就是这样 的啊。因为现在这个路径锁定的后端程序没写吧，所以这个时候拿过来，然后在这呢，我们去新建一个 class class 呢，我们就叫做阿贾克思瑞快斯特溜 stoplet， 好吧， 呃，我们就叫做服务器端返回 x m l 字符串， 行吧。哎，然后记忆成谁啊？ a 是 t t p sweet 没啥可说的。然后这儿呢，加一个注解， websever let 哎，路径加上它在这边呢，我们 ctrl 加 o， 然后读 pose 的方法一写，哎，不错了，读 pose 改成读盖子吧， 改个不盖的啊盖的请求。那么接下来呢，把这行代码删掉吧，这个该改的改一改啊，不改其实也行啊，不改只是一个个人编程习惯。好，那 respons 点赛的康特要注意了，这一块你要注意注意一下啊，这边得 是泰克斯特哎，以前是 h 泰苗叉 sit 等于 u t f 杠八，是不是现在要把这个改成 x l 啊，改成 x l， 注意响应的内容类型啊。内容类型是 x m l 是 x m l 啊， 一会我们可以测试一下啊，来 response 点，然后叫做 get writer， 是吧？好，那这个时候拿到一个 out 对象，然后 out 点 print 输出就行了是不是？ 那输出的话我们输出一个什么呢？输出一个 x m l 呗，那么这个 x l 没有的话，我们就拼串就行了。这里呢就不再连数据库了啊，不再连数据库写死了。各位啊，你要原来连数据库的话，你自己连啊，我在这里就直接写死了，不连数据库了啊。 x m l 呢？ newy street builder 啊，拼串嘛，是不是？好，那么这个时候 方的 s 码点 up， 追加，追加啥呢？哎，你心里得想着一个字母串，你要拼成一个什么东西出来，所以你这样，你可以先把这个串给他搞一下啊，比如说你组织一下 students， students， 这是这个学生吗？是不是？然后接下来这里边有什么呀？啊？ student， 仔细点 student， 仔细点， student 是吧？直接点啊，然后呢？ student 直接点里边有啥嘞？有这个内幕，学生的名字对吧？你看这个体积很大是吧？体积大 没有这个结算好。我感觉啊，来这边呢，拿过来，拿过来之后呢，这边贴过来，然后这边呢？假如名字叫张三，然后这边呢，这个年龄假如是二十，然后再往下，这是李四， 李四啊，然后年龄的二十二，我们就这样，那么接下来我们要拼这个串出来，要拼这么一个串出来，是不是好拿过来啊， 放到这就行了，放到这啊，然后这边呢左边就让它对齐啊，对齐之后呢，我用小妙招啊， alt 加按下去往下拖，然后这边呢是 x 面点 a， p， n 的追加， 写个小括号，写个双引号，对吧？哎，右边这块呢，就写上一呃，写上一个双引号啊，小括号结束就行了啊，这也可以批量编辑啊，就这样吧， 这样的话就拼了一个 x l 的字幕串啊，响应回去了，对吧，那这个时候呢，我们在这呢就可以拿了，各位啊，我们要获取服，就是服务器端啊， 响应了一个 x m l 字符串，这里怎么接收呢？怎么接收呢？哎，你要注意了，不能这样了啊， 不能用这个了，这个是普通字母串，你现在要接的是 x m l 啊， response x m l， 你要接收一个 x m l 回来，返回什么呀？ x m l 的对象返回一个 x m l 的文档对象啊，这样这样接啊，使用什么呀？ x m l， h， t， t， p requires 它 对象的 response x m 属性，接收返回之后可以自动封装成 document 的对象，它是个文档对象 啊，我们可以在这儿呢 cancel 点 log x 面 dock 啊，可以输出一下，我们看行不行，能不能达到我们的预期啊，走一个，咳咳， 服务器端响应回来之后我们这接收，接收的话用这个属性啊，用这个属性来接收一个 s 啊，我们解析这个数据最终要展示到这里的啊， 来，那么这边的话我们就刷新一下，刷新这 f 十二， f 十二之后呢，我们点一下啊，就 ctrl 这，我们点一下。走，你看回来了是吧？回来一个这个文档，这是个 document， 看井号 document 是不是。这是个文档对象返回的啊， 挺好挺好，但是你要注意啊，如果说你这用的是 response x l， 那么你这块的话就必须得这样写，你如果写这样的，那对不起， 我没有办法把你的 h t m l 转换成一个文档对象，所以这一块呢，我们再去把这个重新起一下，我们测一下啊，我们看看如果响应的内容类型改成 h t m l， 这会不会有问题。嗯，来， 稍等片刻啊，稍等片刻， 那关了，它关了之后刷新，刷新之后点它回来，这个 not 对吧？拿不到任何东西啊，形成不了这个 x m l 的 dock 对象啊，所以这块你要注意注意哪一点？就在这块儿，这儿是 x m l 啊，那这个呢，我就记到这吧，你要注意，如果服务器端响应 x m l 的话啊，响应的内容类型需要写成什么？ 如下的这个类型啊，这边呢，我们给他加上去个代码，这个是加吧代码来走一个啊，这点要注意啊。好，那么接下来呢，我们响应是回去了，回去了一个， 呃， xml 的一个 document 的对象是不是？然后接下来无非就是说你要面向这个 document 的对象，要取说什么学生的名字啊，年龄啊，给他设置到这，你还得拼这个 t r 开始到 t r 解释的串吧，你还得拼这个串， 是不是？哎，所以说这个是难免的，你看这个 s 操作这多繁琐，你看这拼拼拼拼拼啊，拼完之后这边还得解析解析解析解析解析，是不是？哎， 来呢，咱们就得得得写一下，各位，我写了一遍，你至少也得写一遍啊，你不能不写。好吧，这种方式也要知道，除了阶层方式，还有 xml 方式，因为你将来在公司工作的时候，你不一定遇到什么样的项目，有可能这个项目是个银行项目，银行项目要求比较严谨的话，他有可能返回的就是个 x， 那这个时候你就不会解析不就尴尬了吗？是不是是大部分返回阶层，但是 x m 你也得会也得会啊。好，那么这块的话咱们就 就解析一下啊，这个往下的话，其实就凭着你的感觉往下编写就行了啊。 xmar dock， 这是 doctor 的对象点 get elements， 对吧？获取很多元素，通常通过名字，通过标签的名字能不能获取到很多个元素呢？ 对吧？哎，其中你看有个 student 标签， student 标签我们取的就是这些数据嘛，和这个数据对不对？所以你可以获取到所有的 student 标签来元素来，这样的话我们就拿到 student。 返回一个啥呀？返回一个 student 四啊，这是所有的学生啊，对吧？所有的学生拿到了 你这块的，最好是说，嗯，给他测一下，给他测一下啊， ctrl， ctrl 点什么 log？ 呃， students 它是个数组吧，应该是，对吧？啊，这就是 获取所有的什么 student 节点或者是元素啊，返回了，呃，多个对象啊，应该是数组， 是吧？哎，是数组，那么这个时候呢？你这个 student 中括号，比如说零数组第一个元素， 对吧？哎，第一个元素 note， 那么这块我就直接写，我没讲各位啊，这个是 document 的对象在 x， 这是减 x， 不是加吧啊，这是前端的啊，然后他比如说点 no， 那么你看 idea 其实很好啊， idea 这个东西它有提示啊，所以你点之后你可以往后找嘛， 是不是哎 no 的内幕，你看看这个节点是这个 stylen 丝呢，这个数组取出其中一个，你看看他接的的名字是不是 student， 那么这个时候呢？你，你在这呢？刷新一下，你点一下，你看， 还出问题了是吧？ get elements by name 哦，这还写错了，为啥呢？你看他说呀，是，是空的是吧，没有得到，没有得到是空的。原因很简单啊，因为这个方法用错了，不是 get elements by name 啊，是 by tiger name。 他还有一个方法就 by tiger tiger， 根据标签的名字去获取。这个标签的名字叫 student 啊，标签的名字叫 student， 我写错了，各位啊， student 来不是 get but get elements by name 啊。 by name 的话，一般都是你标签里边有一个什么呀，哎， name 这样的属性我通过这个 name 来获取，我现在是通过你标签本身的一个名字啊， 好，改一下，改一下之后呢？接下你看，测完之后就知道这有错了，有错咱们改，无所谓啊。点一下，呃， get elements by tiger name， 这还是有问题啊，但是重新写一下， x melt dog， 点 get elements by tiger name 啊，根据标签的名字来获取啊，这个标签的名字叫啥呢？叫 student 啊，拿过来。 好，那么这个时候呢，我们重新起一下伏器啊，各位 好，关了它，我们刷新一下啊，刷新之后我们点一下啊，拿到了是吧，没有任何问题啊，拿到了，现在，就现在，拿到了，这个学生的节点了，明白吧？那你这是零，那有可能一 一数组嘛，你要对它进行循环 for i 啊。呃，然后呢，你针对的是我们这个 student 点认识这个数组，每循环一次，取出 student 下标为 i 的元素，那你返回的一定是一个什么呀？啊？一定是一个 student， 对不对？好，那这一定是个 student 节点， 或者 student note 啊，就叫 student 吧，那你拿到这个死，这是个循环啊，这个数组你循环十次，比如有十个学生，这是其中一个学生， 那你这个学生下边有什么呀？下边有 name， 有 age， 是不是？哎，那我能不能拿到这个学生节点现在子节点呢？来获取 student 节点下的子节点啊。 student 元素 下的所有子元素，那你获取可以获取 student， 对吧？哎，这个学生啊，点什么呀？ child 孩子嘛， child nose， 这个就可以， 我在这里没有详细讲各位，我就直接把用了啊，你要很快的适应啊，这是前端代码啊。拿到的孩子，你拿到孩子的肯定是一个什么呀？是一个数组啊， 对吧？肯定是个数组啊，那么这个孩子呢？有可能是 name， 也有可能是 age， name or age， 哎，能看懂吧？ name or age students tell the nose。 他的孩子，他的孩子是这个或者是这个，那我就拿到 name or age， 那你 name or age 是不是一个数组？所以你要便利，对吧？好便利啊，便利谁呢？便利这个数组点 lens， 然后你 name are age， 下标为 j， 听清楚，看好了啊，这是 j 下标下标为 j， 你取出的，对吧？ 啊？你取出的这个这个这个这个这个节点，有可能是一个这个内幕节点，也有可能是一个 h 节点， 对吧？哎，这个 note 假如就叫 note 啊，好，那取出这个 note 下边这嘛，取出这个 note， 这个 note 有可能是谁，也有可能是他，也有可能是他， 对吧？好，那么这个时候呢，你 no 的点儿 no 的 name， 你可以取，取它的名字去吧，取它的名字如果等于等于什么呀？ name 的话， 对吧？哎。 if 如果说什么呀？ no 的它的 no 的 name 如果等于等于 age 的话， 那你这块的话，你就 cancel 就行了。 cancel 啊，点 log log 谁呢？ note， 你如果 这个节点取出的是一个内幕节点，那我就获取到你这里的文本就行了， 对吧？或许你节点当中的文本是这个啊，这个属性带 text content 前面加上去 name 啊， name 等于来这边呢，就是 age 等于， 我可以判断一下呀，对吧？你拿到内幕和 h 几点？这是个数组，对数组进行便利，每便利一次取出其中一个几点，这个几点有，可是内部几点是内部的话，你就这样做，是 h 的话，你就这样做呗，是不是啊？那么这个时候呢，我们再打开，打开之后我们再刷新点一下， name 等于张三， a 至二十， name 等于李四，然后 a 值等于二十二，那就相当于把数据取出来了， 对吧？取出来了，是吧？那你取出来之后你要干什么呢？你要在这拼串啊，对吧？啊？你这一个 t r 拼这一个 t r 要在哪拼啊？ 你便利这个学生的时候，你通过这个 students 下标为 i 取出了其中的一个学生， 是不是？哎，好，你取出这个穴之后，你要拼串儿的，你可以在外边给它定义一个什么 h t r， 然后循环过程当中你给它拼接就行了。比如说你这块儿拼一个什么呢？拼一个 h t m l， 这是一个学生嘛？拿到一个学生了，要拼个 t r 出来加等 t r 开始啊，那么 t r 结束在哪结束啊？咱得整个这个范儿情况，结束之后拼一个 t r 对吧？你中间这个 name 和 age， 你要拼什么？拼 t d 啊， 对吧？你要拼 t d 啊，那 t d 这块有三个 t d， 有这个什么序号？ 有名字是吧？哎，有年龄。好，那这边拼就行了啊，拼怎么拼呢？呃 呃，我们这边呢，如果是名字这样啊，先给它拼上去一个 t d 加等 t d 开始， t d 结束， t d 开始， t d 结束啊，这边呢，拼一个数字进去， 这个拼谁呢？其实就拼这个 i 加一就行了， 是吧？好，那么再往下呢，如果是 name， 我们看这个代码啊， h time 加等什么 t d 开始， t d 结束这一块呢？我们跟上一个什么呢？叫做加个双音号，加两个加号把谁 呀？叫 node tax content 放到这儿就行了，当然你下边这个代码其实一样的， 对吧？年龄的话你也得拼进去是吧？那这个时候呢，我们来看看功能上能不能去实现了啊？来点一下，好 f 十二啊， 重启一下啊。 好，我们刷新一下啊，点一下， 这块呢？没有任何的一个 反馈是吧？没有任何反馈后台他走没走 哎，点一下进来了，进来之后往下走，往下走再走，走走走走走走走走，是吧？没问题啊。哦，我少了一件事吧，对吧？结束啊， 这个请求是过去了，响应呢？也回来了是吧？ 你响应了一个 x l， 但是这边呢，没显示啊，没显示就是因为我这边没有给他 设置到这个提包这里边儿，所以这边儿的 h t m l 呢？这个拼串儿是吧？拼完串儿之后呢？往下走，我看看在哪儿拼啊？在这儿， 对的，是这个是吧？往下走 document 点 get element 办 id， id 是谁？是它，然后它之后点 inner h inner h tm， 后边就写 h tm 就行了啊，这样的话就好了 啊，断点删了啊啊，结束 点一下是吧？好，这个数据就出来了啊，点一下，你看 对吧？那么你下来之后呢，把这个例子呢敲一敲啊，这个例子敲一下。 那么这边呢我们写一下，各位啊，就是 x m l 和 jason 都是什么呀？都是常用的数据交换格式， x m l 体积大，解析麻烦较少用啊。阶层体积小解析简单，较常用。 好啊。呃，然后呢？代码，我觉得可以把这个代码拿过来一部分。好吧，拿过来一部分啊，拿过来哪部分呢？ 来吧，都都拿过来得了啊，基于 x m l 的数据交换前端 代码， 前端啊，加 script， 呃， h t m 二。 把这个拿过来 啊，然后呢？后端代码，基于 x m 的数据交换后端加号程序， 后端加瓦程序来把它拿过来啊， 加入代码复制一下贴过来，然后呢？这块 行，就这样，注意这个啊，注意这个。行了，那这个呢？作为了解不是很重要的一个内容，各位啊，作为一个了解。好吧，上边这个是比较重要的，一定要会接损啊。 x l 的话你就写一个例子就行了，好吧。
