00:00
这些内容呢,还是来讲阿贾克斯的函数,昨天呢,我们用过这个Dollar阿贾克斯,它里边的内容呢,会比较多啊,有很多项。Think content type date that type error success type等等。这个函数呢,它的内容比较多,它的功能就比较强,而且呢十分的灵活,可以指定我们用get的方式还是用POS方式呢来发这个请求,除此之外呢,你的j query呢,还提供了两个更加简单的用来处理阿贾克的函数。一个叫做Dollar加盖。通过名字你能猜出来do get呢,它只是用get的请求方式,也是说。高get,它使用是get方式发出请求获取数据的。语法规则是dollar.get第一个请求的URL地址。
01:02
第二个参数请求的参数,第三个function,它指的就是上面这个success函数就是它。就success表示说,当我们启用成功之后会执行这个函数action Rep是行参自定义的,代表的是从服务器端反馈数据。这type数据格式,那你看这个函数的使用是不是比较简短,比较方便呢?这就是get。好,看一下我们上次课的这个笔记,这是。这query啊往下来。这呢,我们说的这是第一个到点阿贾克斯,这是一个最核心的,那德尔塔get呢,是用get的请求来发这个阿贾克斯请求的啊。参数呢,一个l date函数,这tab就四个就完事了。最后一个呢,当点posts呢,那很显然,那就用post请求去发数据呗,发请求呗,参数第一个NL。
02:11
第二个date,第三个是请求成功之后要执行的函数,第四个data type数据格式,那它的语法规则呢,跟这个get是完全一样的,完全一样的。那这里的这个data type,也就是我们第一个函数中讲的。就这。XMLHLT的Json就这些值,那当然长的就是这个Jason了。我们在现在的开发中做数据交换格式,用的都是Jason的数据交换格式。我们的理论部分呢,讲完了整个的j query呢,我们要用到的一些基本的功能选择器。过滤器函数,还有世界以及阿贾克斯函数介绍呢,这些理论部分呢都讲完了,最后呢,给大家讲一个例子,用阿贾克斯呢来做一个稍微复杂一点的一个功能。
03:10
那我们这个功能呢,做的是一个叫级联查询的功能。级联查询。嗯。那这个节点查询呢,它指的是说呢。我们这儿啊,选择一个省份。选定省份之后,我们能够显示这个省份下面所有城市,比如说我选择一个福建。选福建之后呢,我们显示福建下面的福州市,厦门市,泉州市,龙岩市做这样的一个操作,那这种级联的操作怎么叫级联呢?是因为选量省之后才能够联系。看到省份下面的市它是有关系的,那这种关系呢,我们叫做吉林啊,吉林在这呢,吉林比如说我们那个查询数据啊,是有关联的啊,关联的一级一级的才能查出数据。
04:07
这个功能在哪用最多呢?我们在进行这个京东啊,或者是天猫淘宝下单的时候,当你选择那个收件人地址的时候,是不是要选择你的省市区县街道啊。那么那块应就是吉林,你选择一个省份之后,然后显示该省份下面的市。您选择一个市之后,能够显示这个市下面的区,您选择一个区之后,能够显示区下面的这个街道吗?这叫做吉林啊,这个级联查询呢,我们现在主要用的就是阿贾克斯去实现它这个吉联查询呢。它不会比较复杂啊,我们看看这个怎么做。表呢,就用之前的那个省份和城市表。
05:01
表的结构呢,我们再去看一眼啊,表的结构。啊表的结构。用NAV cat看一下啊表结构。这呢稍微有点卡啊,就是我这个软件呢,在打开的时候有点慢啊,我已经单击双击它了,但是它现在没有反应过来啊,有点慢啊。你稍等一下啊。好了。什么DB库?第一个province有ID name简称和省会。CT表呢,它是有个外键的,在这儿呢,叫pros ID,通过这个外界我能知道。这几个城市是属于一的这个省份的,而一这个省份呢,是我们的河北省。那在这儿呢,一是河北省通过这个关系呢,我们能找到省。省它下面的市啊,它下面的市。
06:05
然后这个是一个级联关系,那现在我们就做这个功能。那这个功能呢?在页面中它的展示效果是这样的,首先有一个什么列表。这个列表中应该展示的是所有的省份的名称。省份的名称。我选择一个福建省来显示这个下面的所有的城市。要用到两个表,那首先第一个操作,你肯定是得把这个省份的名称全找到吧,放到这个下拉列表框中。当选择一个省份的时候,再去这个城市表中。根据我们的。外建值省份编号来找到所有的城市名称,这是一个吉林的一个查询操作,用到两个表。
07:00
那这个关系的话,大家应该没问题吧,这个关系。一个是。省份,一个是省份中的城市。现在我们来做这个小功能啊,做这个节点查询。好,我打开我们的idea,用它来做。我们这个程序啊,肯定得访问到数据库。肯定呢,用Json做数据交换的格式。然后稍等一下啊。啊。我们把这个窗口这些东西呢关掉。全都关掉。好,然后呢,我们这块呢,去新建一个模块。新建一个。啊,找到model,点击加号,新建个model,那这个model呢,当然还是一个web application了,然后下一步,那这个例子呢,我们叫做吉林啊,我们叫level。
08:11
莱阿贾克斯,然后吉联的一个查询吧,Query这样。吉联的阿贾克斯查询。我们把这个项目呢,就放在Java project根目录之下就行了,它是一个独立的项目。然后finish。然后OK。好,这是在这儿呢,定啊,在这level阿贾克斯query,那这个项目里边呢。怎么来做它呢?首先第一步在这个项目中呢,我要访问数据库,我还要呢用Jason,所以先把jar包呢加到项目中。我在web info目录之下新建一个目录,叫做Li或叫做LA都行。
09:00
把我们用炸包呢放到这个里面,大家注意啊,这个web info下面这个lab目录是固定的,是固定的,它是做web项目中规定好的一种目录结构,不是你任意的啊,Web info是固定的,它下面存放这个jar包的文件夹就叫做LA lib,这是固定的啊,这是Java规范中规定好的目录名称和目录结构,你不能随便乱起啊。来加我们的假包吧。找到我的课件。课件的话找到13。资源下面有这个,然后把这些CTRLC。把它复制到力保目录之中。啊,都加进去。然后呢,右键我们看一下它是不是可以作为库使用啊,上一次呢,有同学告诉我说可以把它加到库里边去。然后这不是在这儿吧,是这个吧,添加作为库library。
10:01
然后这样OK,好加进去啊,我看行不行。这儿加完之后呢,我们还需要做一件事情。项目需要加他呀。找到你这个项目找到。这个内容是什么?这是不是叫依赖呀?翻译过来叫依赖啊这个单词。叫依赖。啊,依赖啊依赖项,也就是说你的项目要用什么东西,是在这个dependc项目这来表示的,项目中要用到JDK,我呢还用到这个lib。那这个life啊。然后还要用谁呢?还要用到我们的Tom k稍等一下啊,我现在想去加这个tomcat,但这有点卡没有加上。然后卡在这了啊,稍等一下。他现在不动了。好,我来填点加号。添加一个库,我要用他开的服务器。
11:01
这个要选上,然后找到problem,这。确定一下,添加这个库好了,然后点击应用,OK。我们的环境呢,基本上就是搭建完成了,基本要用到的炸包也加到了项目之中。
我来说两句