58_尚硅谷_大数据JavaWEB_JQuery异步请求获取JSON数据并进行处理.avi原创

好来，那么最后呢，呃，我们再来教大家一下，就是我们通过一个整块RY发送一个if请求，然后呢，我们去操作一些加生数据，那么我们要实现什么功能呢？就是我要实现的就是动态的把我们的员工信息列表给你啊，显示到我们的页面中，所以说你看了哈，我现在呢，还是使用这是点HTML这样的一个页面，而只不过这些代码呢，因为它会默认执行吧，对不对，那么我测试完以后呢，我就暂时给它注释一下，大家下去以后写的时候呢，把它把这个注释打开是不行了，好在这个页面中呢，我在包间里面呢，我去写出这样的东西来哈，你看好了H1，然后呢。这应该写啥呀，写个员工信息列表好给他什么呀，居中一下，然后呢，接下来我们什么去写我这个推广了。

对不对啊，OK，但是大家注意了，这个table呢，你就直接写到这，写到这以后呢，你里面不写任何东西，它是不显示的吧，能明白吧？OK，那你看我把这个表格的基本属性写一下，居中发展一个像素宽，比如说70%，好再写一个。写错了。怎么老报错呀？怎么是飘黄了呀？好，他说五的这个是吧，没关系啊，这个能用的啊，这个没有没有任何问题的啊，这是能用的啊，那票房就票房吧，没关系，让大家注意，现在呢，你看了哈，对于这个页面来讲，我把这个加上了，但是我们在访问的时候大家注意了哈，我来访问加深点H什么，诶我把这个服务器关了哈，我把它清一下。

啊，启动起来以后呢，大家注意我来访问，走你看这个地方，哎，就只有一个这个table，还是显示出来一点东西了是吧？啊那就如果说啊，我一点都不想让它显示，那这个东西你就不要去写了，对吧，就是我想实现一个什么效果呢？啊，比方说我在这给你加上一个，这等于八特，然后再加上个按钮，我想的是一点这个按钮，显示员工信息那边啊我想的是什么操作呢？我一点这个按钮，我就把那个列表给你显示出来了。可以吗？怎么做呀？那我点这个按钮的时候，我是不是就得去发送我的请求，然后呢，把数据查回来吧，对不对，但是现在的话注意哈，我要求的是不能进行页面的刷新，也就意味着你不可能再把那个数据给我转换回来了，而且现在我就是一个HTM的页面，你把数据给我，我也处理不了。

你就只能使用再生的方式来做。能明白吗？如果你要是按照以前的方式，那你起码你得是一个JSP页面才行啊，是不是现在我就是一个普通的HTML，你把那个数据就算给有转发进来，我也没办法去写啊，我也写不了Java代码，我也使用不了GSDL标签，我怎么能把它写出来啊，写不出来的对不对？好，所以接下来我们显示什么呢？你看啊，它这个东西有就有吧，我们就先有了啊，就是现在的效果就是这个样子的，对吧，我将来一点它，然后呢，这个表格就显示出来了，好，我们来做这个效果啊，那么我在点单的时候呢，注意我在这个地方呢，我要去引入我的JA块RY，因为我们要使用jaquiry，能明白吧？好，把这个src就等于script下面的我们的JA块RY文件来找一下是不是它呀，CTRC把它放到这，然后这里面我们就可以写我们的这个二位了啊，就是Dollar括号，然后呢，Function小括号大括号在这里面我是要给它绑定。

做事件了，那我就给他个ID吧，ID就等于什么呀，啊就是什么呀，比如说show吧，啊show什么呀，Show table可以吧手table啊那我怎么写呢？当然井号short table加click就是相当于绑定的一个点击事件了，当你点击以后呢，我来执行我的匿名函数，那么在这个里面我们就要做首刹，就是发送E请求，然后呢，获取我们的员工好员工数据，但是这个数据它是一个什么呀，战胜合适的，明白了吧，所以说我们要通过JS就做一个处理，怎么发送啊，大时讲啊啊这好，然后呢，这个怎么写啊，这里面有个大括号，然后你就写吧，比如说URL，比如说一会我发送就是一个什么get EPS摘省str，就发送这个题就可以。

对吧，对不对，然后呢，Check呢，我告诉你，我是一个post或者是get都无所谓，然后还可以写什么呀，Data我没有数据吗？没有数据那就不行，但是这一次我可以用一个什么呀，用一个data check，我预期你返回的数据就是一个再那本来我给你返回也是返回个再审，听懂了吧，这是预期返回的数据啊，最后success成功以后，那写一个function，然后这里面是我们的data，好这就可以了。那么接下来呢，我们先简单的把这个alert，这个data，先把这个data呢给你alert一下，能听懂吧，然后我再去研究怎么去处理它，其实这个这块有一个做的特别好的地方就是什么呀，一会大家可以关心一下啊，你后台发送回来以后，是不是一个加项字符串啊，那么本质上的话呢，我们需要在JS中再把这个再生字符串通过我们刚才的这个方法，什么方法呢？通过我们的。

啊，这个叫做pass方法，把它转化成加上对象以后，我是才的插距才能操作那个加手对象啊，但是我告诉你这个地方它会直接将服务端返回到加上的字符串，直接转换成加生对象，也就意味着你的这个data里面保存的是什么呀？战胜对象已经帮你转好，贴心吗？很贴心是吧，OK，好，来吧，那我们就来试一下，但现在的话，我们这个请求是不是还没写出来啊，对吧？所以说我们得有一个骚来去支撑它哈，那我们就再去写一个，最后是吧，再来写一个solid，回到我们的solid这个下面，然后我们去用一个。

直接有一个solve哈，啊，在什么地方啊，在这solve来下一步我叫什么呀，叫做就叫做get啊叫啥来着，这个请求来着。EPS吧，加上ST是吧，好，然后就它吧。看对不对。对吧，好，那我跟后台统一下，改成大写的。加上一个sum同意了吧，同意了以后的话，我就不需要再去改那个外面的叉L是不是OK，好在这里来做什么，删了你还是该删的你就删掉是吧，要看的特别乱啊，那这里面OK，我做什么事呀，那我就直接查到我的什么呀，查询所有的员工信息是不是行了，先把这个employee扭出来对不对，然后呢，等于有一个employee daport把它溜出来，溜出来以后呢，我们把这个数据先查回来啊，employee.select2。

好把数据查回来，查回来以后呢，就是一个集合，那就是一个employ，然后呢，PPS，好呃，再接下来呢，我们要把它转换成什么呀，是不是转成加成数据啊来转换成我们这个加乘字符串，怎么转呢？我们把勾程先给它溜出来，好把这个勾用出来以后呢，大家注意哈，把勾用出来以后，我们就勾点to加好调用这个方法把你的em PS传进去，最终给你达到一个字符串类写的再是str是不是可以了，好，那么你再把这个数据呢，给它写回去是不就行了，怎么写回去呀，在写之前的话呢，你这个response，你该设置的还是得什么呀，设置一下了是不是，哎我们就什么呀，S啊，Check HT。

对吧，该设置的设置一下，然后呢，response.get write.print LN把谁写回去啊，把你的战胜str写回去。明白了吗？OK，好，那么这就写好了，特别简单，先好一换的话大家注意了哈，现在我们就来完成一个测试，好重新部署一下。OK，部署完以后呢，我们再来访问一下，大家注意了啊，好直接访问他点了哈，点一下，哎，你看一下是不是都是一个一个对象啊，看到没有，总共有几个对象啊，你数据表里面有几个，我就给你查到几个呗，对吧？那么接下来做什么事呀，接下来你就想办法把你拿到的这个对象挨个解析成一个表格里面的一行是不行了。

那咋解析啊？啊，这个地方我们最简单的一种方式，你就是拼这个字符串就行了，你看了哈，我来给你实现一下，大家只要学会这种方式就行了，好，首先呢，我来定一个不能是string啊哇，就是这个ST2啊，等于OK，然后呢，这里面我先把什么写好了，注意哈，我先把这个东西给你写好了，那就是我在这写啊，在这写起来快一点哈，TR。TR里面就是什么呀。这个TH吗？先把这个标题列给你写好了，能看懂吧？

好，来第一个ID对吧，看清楚了啊，第二个t last name，第三个t email，第四个TR挣扎啊。第五个TR第BD，那然后后面那个操作我暂时就不写了，好吧，因为我们也不用哈，那我把这个写好了，来把这个整个CTRLX简接放到这里面第一行是不是有了对吧？那么接下来我是不是迭代了呀，所以说你看看啊，Fore这里面也有fore的这个写法啊，但是它提示不出来，你可以怎么写for你可以怎么写啊，就是啊，每次迭代出来不都是一个，比如说哇，我们的emp嘛，然后这个de塔是吧？好，那我就算了吧，还是使用这个来写吧，YI等于什么呀？0I小于de塔点二这是个数组吧，是不加上数组啊，I加加，每次呢，我都获取到一个EB对象，就是里面的I对不对，是不是，然后呢，每次我要做什么事呢？Str加等于等于什么东西啊，后面你就拼吧，拼谁呢？

评谁啊哎，注意首先来个TR对不对，TR里面我提前给他什么居中一下center能看懂吧，然后呢，再来个TD，好，这是一个TD吧，然后这个TD里面写什么东西啊，双引号加加，然后呢，EFP的ID是不是三号能看懂吗？能看懂吧，来，那我就CTRLCL了哈，下一个好EP的谁呀，Last name再下一个。啊，EP的什么呀，Email再来写，再下一个EP的谁呀，针点吧，是不是啊E是真的，那这个的话呢，你也可以做一个判断啊，我就不再判断了哈，我们就直接显示零杠一吧，简单一点好，再一个ctrl v e p是什么呀，Depd，它里面是不是有一个depd内容呀，你看这个是不是写好了，那么这样的话呢，我每叠带一次呢，我都会生成一个这个格式，然后呢，把它拼到我的这个字母串后面了吧，是不是，那么最终我是不是只需要把我整个的这个str给它放到我的这个推风里面是不行了。

能明白吗？那么我要获取这个table，那么table的话，我给他一个ID，比如说就叫什么呀，就叫这个EP table，好，那我可以怎么写呢？注意在这个里面我就可以通过当井号E，然后呢，给它里面放一个HTML代码，就是我的str，理解了吗？看明白了吧，OK，就是这个SDR，那么你把这些东西直接放到把这些东西直接放到这个table里面以后，那么对于我们的页面来讲，它自然而然就能把它解析成我们的表格了，那么这个效果其实我们就实现的差不多了，来接下来我们就来做一个测试，后台没有改过，我们不需要重启，直接来到这来刷新就行了，啊刷新一下我再来点，点出来了吗？看到了吧，来刷新，注意哈，整个这个操作，你看我点它的时候页面刷新了吗？没有做任何刷新，我就是点它的时候，我找后台，我找我的服务器，我要了一部分这个数据，然后呢，再把这个数据呢，我们通过JS的方式把它处理成了一个表格，给你动态的显示到这，所以说这种方式一定要比我们之前的那种方式快很多，听明白了吗？因为他只需要传输数据过来就行了，而以前的呢，我到后台我还得做运算呢，是不是啊。

我JSP里面我上去做一些预算啊，最后呢，还要把整个JSP页面都给你写回来，那是比较慢的，像这种方式特别快，那一刷新一点出来是不是啊，OK，所以是大家注意，其实我们在实际开发中用的最多的是什么呢？就是异步请求加session的这种方式用的是最多的，明白了吧，诶，用的是最多的一种方式，所以大家一定要把这个学会了，好吧，再的这个处理我们将来在后面的框架里面，我们还会再去研究它，那么到时候的话呢，我们就比这个要简单多了，它对我们那个加处理就是特别简单的了啊，但是呢，我们要知道原理上它是怎么去做的，就是这种方式。

听到了吗？理解了吧，首先这个流程你能想明白吗？能不能想明白这个流程可以吧，哎，跟你以前肯定是有区别的，你下去以后呢，你好好的去分析一下，以前你是怎么做的，现在我们又是怎么做的，两种方式绝对不一样，那么你把第二种方式学会了以后呢，我推荐大家以后就是用第二种方式来去做。

明白吧，啊，OK。