JavaScript教程-52-JSON在开发中的使用5【动力节点】原创

那到这为止呢，咱们这个杰森这块呢，关于这个基础语法我们就说完了。是不是很简单？很简单啊，很简单。那结算这一块呢？说完之后啊。这个地方有个盗墓编程。叫做拼接HTL的方式。设置table的。是不是，哎，我们来看看啊。我们把这个说一下，基本上就结束了。来就在这儿啊。004我们叫做设置什么table的T。那么这一块呢，最后这个例子啊，是大家以后要用的，所以我这个呢，得传达到。现在啊。

在。这个位置上有阶层数据，我先把这阶层数据啊，先给大家模拟一下啊，有这些接身数据。比如叫emp。Date。霹雳的吧。S也行啊。注意看啊，大括号TOTAL14个员工对吧。EPS对吧，啊，冒号中括号。中花当中有很多杰森啊。是吧，可能接是这样就行啊，写上四个。

然后这个地方有什么呢？有EP number，员工编号，比如说是7369，这个员工内是什么呀，史密斯。然后呢，Salary他的薪资是多少呢？800是不是拿过来拿过来拿过来啊。我先把数据准备好，有这样一些积分数据啊，我准备把，因为这些数据是从哪来的。从Java那边过来的，对吧。然后家长过来之后呢，我拿到这些数据之后呢，我希望把这些数据展示到哪，就希望把数据啊展示到table当中，你懂吗？我就演示这个过程。听懂我这个提议的。

啊，就是这个意思啊，来接下来呢，咱们来看一下啊，我们在这里可以先把这个table上画出来。是吧，先画一下啊table，然后table应该有个TR，是不是TR里边有个TD呗，TDTD这块呢，有什么呢？有这个员工编号啊，别TD了TH吧，TH好看点吗？不是还有员工的名字，员工的薪资。接下来呢，我这块应该是TR开始，然后TR结束，接下来在这个TR当中呢，有这个叫TD。TD。好了，那这块的编号，比如说我先写死啊，7369，然后这个是史密斯薪资是800，大概是这个意思啊，拿过来。

是吧，好，这用T干什么？扩起来，提报括起来的目的就是为了方便操作。然后我把它呢运行起来。这是一个表格，是不是表格啊，我们上面呢，我们加上去一个什么呢，叫做员工列表。HRHR啊，员工列表或者叫信息列表，然后下面加一个HR换行再打开看一下。啊，这个。然后接下来我们把这个table给它设置一下，BORDER1像素宽度50%吧，先这么着。

大概是这样的啊，然后接下来呢，这个员工列表上面有个按钮。这个按钮我给一个input type，类型是button value，叫做显示员工什么信息列表，然后后边有个on click，你懂我说的意思吧？也就是说最初的时候t body里边是怎么着没有数据的，懂吗？在这是没有数据的。也就是这个德行。我希望你点完之后，你能把上面这个杰森里边的数据给我取出来，放到这个T当中。就更接近你们以后的开发了，你们以后的开发基本上就是那个底层Java语言干什么，把那个JDBC，把那个数据库里边数据查出来，查出来之后呢，发个浏览器，浏览器这边把这个接森格式的都串二转成接森对象，你那你在这个浏览器上，你有了这个接森对象之后，你是不是要把这接层对象的数据取出来放到表格上，对吧？诶所以说咱们在这做的就是这样一件事，理解了吗？理解这个题目我写完之后你才理解是什么意思啊，我写的过程当中，你可能就大概了解一下知识要干啥。

是吧，啊。怎么做呀，光说呢，数据是有了。一点这个按钮，把这个数据放到这里。还有一个这里边是不是有个总计条数，我觉得把这个总计条数也给说一下明白吧，在这个table下面我们可以加一个什么。加一个总记录条数。总条总多少条？总四条。总共是吧，写个零是。

ID吗？Count，将来你是不是可以改这个，把这个改就行了，这样。那我一点你把这给我设置一下。听懂了吗？来吧，开始动手吧。这个位置显示员工信息列表，我加一个ID。叫。八。行不行，window.on什么function页面加载完毕之后。给这个ID等于它的这个元素吧，对，document.get element BYD呢，就是它拿到它之后，它点什么？On please，只要单击它，我们执行这个代码，这个代码要在这干啥？

把上面的数据解析出来，放到下边吧，咱们怎么解析？你就一顿拼串就行了。拼串儿啊，看好了。往这看啊。嗯。而是。哪个？第行第三行第一，Button。你上面那个没错。错了。是吧，来继续啊，那这块呢，咱们鼠标单击的时候，我们这样啊，我们先来看看这个到底能不能走啊，来点一下走了吧，能正常走咱就继续再往下啊。那再往下应该怎么做呀？先就是for循环，说的很好啊，For循环。

就把后边这个数组里边这个数据拿出来，一个一个循环，循环到这个之后呢。就把这个数据怎么着啊，拼成这么一个东西。然后循环第二条的时候呢，就把它拼成这个数据。最后拼完之后往这个T包的里面一设置是不是就可以了，可不可以给个T包的一个ID。这个ID咱们就叫emp提包内容就就就这么地了啊，就这地了，Emp提包内就拼串就行了，那怎么循环呢。我们可以拿到我们的EPS等于什么？等于date点什么EPS，这样是不是就拿到这个EPS了，拿到这个EPS数据之后呢？我们可以对这个数据进行循环，I等于零，I小于什么eps.les I干什么加加每循环一次，我们是不是取出emps数组下调为I的这个元素，是不是就是个员工对吧？

取出，这不就是员工吗？员工取出来之后，你要拼串啊。怎么拼串啊，你可以在外边准备一个HR。等于空字母串。然后在这里干啥？拼。循环一次拼一个什么？TR。对不对。这一个TR是不在这拼出来的。就这个HTML加等双引号，双引号。分号对吧。循环嘛，是不是对上面这个数组进行循环，每循环一次取出的是一个员工吗？这一个员工是不是就可产生一个T。

你如果循环十次，这个TR就十个嘛。能不能理解来这块是谁加双引号，加上两个加号emp，这是一个员工点。点什么EP number，因为这个emp呢，就是其中一个对象啊，所以接下来我们把这个复制一下，放到这放到这，这个改成什么e name，这个改成什么，这样就可以了。对吧，好，那你这样的话，你是不是就循环循环就拼串拼串拼完串之后，你要把它加到这个t body当中，这个t body是不是根据ID可以获取到啊来到给我们点2GET element by ID就是它。点什么哪H填哪。

谁呀？雷池天堂。这个HT是不是上面拼出来的，放到这个tbo里边是不是就可以了，那这就完美了啊完美了来这块呢，咱们随便改改啊，史密斯二一千八两千八三千八啊三四啊，然后零二行了。那这个数据有了之后呢，接下来我们在这块还得把这个给它改了，各位这个给改掉，改掉的话应该是document.get element by ID是他，然后点什么。H前面等于什么呀？等于上面的这个date.total。Date不是杰森吗？点total是不是这个值，这个值给它放到这就行了，能看懂吧，来，那么接下来我们在刷新之后，我们点一下。

哎。看见了吗？这个表格就出来了。那如果说我把这个问题给大家解决了，你们以后最主要解决的一件事，是不是就是怎么让Java返回这个杰森就行了。你们只要考虑的Java，你给我返回这么一个杰森妥拉，我就可以把你这个杰森数据解析出来，放到我对应的什么位置上。甲方是不是讲完了？讲完了。下面就总结一下浏览器向服务器发送请求的常见方式，这个咱们总结过了已经啊，什么window location啊，Document location啊，Window open呀，Phone表单呀，对吧，还有这个超链接呀，对不对，还有什么呀，直接在浏览器的地址栏写什么呀，U。

行了，这个内容咱们就讲到这儿了，各位啊。那整个这个阶段的内容啊，其实就是偏前端。偏前端啊一个呢。是咱们上来讲的加了SE，加SE这讲了一个IO和什么多远程是吧，然后呢，讲那个买SQL数据库，再往下讲的JDBC连数据库HMRCSS和GS这三个是。外部前端。对吧，这两个是跟Java有关系的。这个就是数据库专产改查写生后语句这三个。那你得重点学这个。至于说这个CS样式这种东西，你不会也没关系，问题不大。HT号就那几个标签吧，对吧，重要的还是它，尤其这个GS里边有一种机制叫弱类型，这种东西不好理解这个。

啊，你要把这个掌握了。在掌握这个什么盗M编程啊，报幕编程啊，基本上就够用了，以后开发。就够用了，够用了。但是我想说的是什么呢？以后大家的开发一般使用纯GS的机会。少啊，就是使用纯GS的机会很少，一般都会使用GS框架。就这个框架底层是gic语言实现的，但是别人已经把这个框架怎么着写好了。懂吗？哎，其中有什么这宽。下一阶段要学的。对就j query它是个什么呀，GS框架。

就是你们下一个阶段要学的东西呢，我也可以在这提前先列一下啊，下一个阶段要学的东西。X要学吧？是不是，哎，要学JSP要求。阿贾克斯要说。MVC架构模式你要学吧？还有。里边有filter这个过滤器，有listener监听器。是吧，有过滤器，有监听器。JSP里面有E表达式的GT标签库。对，反正一个呢，就讲一天两天一天两天一天两天，一天两天一个技术，一天两天一个技术就是啊，然后呢，还有什么动态代理呀啊。

啊，就讲讲这个啊，这个东西，这些东西讲了OK了OK了啊，您就不用这么尴尬了，说现在啊，这个东西啊，还得在这个位置给他写死。这东西应该是从后台返回到哪前端浏览器上。就整个后台Java前端就全部穿起来，全部穿起来了啊，但是学完这个东西就相当于基础学完了。基础学完了各位啊，就到这为止，到这基础就OK了，再往下就一切都是框架，也就是说从这个位置开始，才是您以后工作当中用的。听懂了吗？但你要想学会框架。你这些底层的东西，你要是不懂，你根本就不知道在讲什么。

啊，这这这个这个这个也可以聊一聊spring啊springvc啊买啊对吧，这不就是SSM3大框架吗？是不是，哎，这个框架一学了妥了。你要是说停到这，前面学的非常好，框架学的非常好，后边不学你去找工作都能找着。但您学到这儿去找工作，对不起，不行。不行，拿不出手就出去工作，写这个东西拿不出手知道吧，就写完之后别人会笑话你怎么还用这种东西，对吧？用最原始的方式去，谁还用最原始的，一般都有框架呢。是不是，那你看框架你学的怎么样啊，你框架如果说你框架底层学的非常牛，你自己说白你自己自己自己自己都能写一个框架，手写框架是自己写一个框架。那你这个你想找工作，这有问题吗。

没没问题，没问题，咱不用说别的，别的技术啥也不会来，咱就聊框架，跟别人说咱就聊框架是不是，你看框架这个东西，你看原理底层怎么怎么怎么怎么怎么回事。是吧，那面试冠军就服服的，就是这种感觉。嗯。行这样啊。休息分钟回来考试。四点半到六点，考到六点啊，快去快去啊。