00:00
好,那接着呢,还是说我们这个程序吧,我们的程序呢,刚刚已经啊,给大家呢,测试一下关于Jason的这个数据已经可以了,好用了,下面我们来补充我们的页面。回到我们的麦,阿贾克的JP,在这个页面中,我们要发起一个阿贾克斯的一步请求。还是呢,写脚本。然后类型呢是text javascript还是那四步,第一步创建一步对象好VXTP等于new,一个XMHTTP于request。这呢说明一下,这是个变量,是自定义的啊,是自定义的,你说我不想叫它,你说我就叫A,没毛病,没问题,都可以啊,都正确的好,你说我就叫ABC行不行?行,这个没人管你啊,但是我建议呢,还是见名知其意呗,你起个名字好记又好用,会更好一些,那我就叫做XMLHTTP了。那第一步第二步绑定事件呢,你多写几遍肯定能记住,因为一共就这么四步,On right change等于一个处理函数,那这个处理函数我们要干什么呢?是说当我们一步对象的ready state等于四。
01:33
并且我们的网络请求它是200。那这个时候我们要获取我们的数据,这个数据呢,是用一步对象。啊,一步对象啊,稍等一下HTTP的叫做response text来获取数据。下面我们要更新我们的盗墓对象,更新这块呢,一会我们来做好下来写第三步,你注意我们的第三步是在哪写的呀?是在我们的绑定事件的这个函数之外啊,在这儿写的第三步你可不能写在这个里边是不对的啊,第三步我们要初始一步对象的数据。
02:25
初始移步对象的请求参数,好,XMLHTTb.open使用方式呢?我们用get使用地址。地址呢?我们现在访问的应该是Harry Jackson这个地址。Jason。然后成参问号参数的名字呢,我们定义的是叫做PID吗?在这。参数的名字等于值,值现在是什么还不知道呢,值实际上应该是我们这个文本框输的值吗?那我们用当对象来获取它。
03:08
我们定义一个叫PID的值等于document对象点get。Element ID平oidd加V6或者值。那这我们加上PID后面呢,是一个针好。这是初始化请求的参数。第四步,我们要发送请求。一步对象点三个方法的调用,好这一部分呢,我们就要完成了。那现在呢,我们来处理数据这部分,那这个数据肯定能取到的,我们把这个数据呢,先alert一下date,把项目跑起来。
04:02
启动他们CAD服务器。好,启动之后测试一下。我们现在要访问的是麦阿贾克斯,点JSP了。好,我们这是阿迪请求处理杰森格式数据,输一个一点击搜索。F12。我们看啊,点了一下之后没反应,是不是没反应。看控制台这有个报错。说啊。Document getd是个no说读色没有定义。好,那这个你看到错误原因了吧,说do such没有定义,为什么?因为我没有写那个函数定义。我定的是按钮的单击事件要读色,但是我没定义,因为呢,我写的时候呢,这。
05:04
并没有放在函数之中,那我应该是写一个发叫读search。把我们刚才写的这四步的内容呢,你得放到这个按钮的事件中,这样的话,你的按钮点击之后,你才能做这个请求的处理工作呀。这样就OK了,好了,这是我们的按钮,单击事件。创建一步对象绑定事件初始化请求,参数发送请求。啊,页面呢,我需要更新一下。更新完毕之后呢,重新刷新一下。点加鸟。哎,我们看到是得到了我们的J3格式的数据吧,这个数据现在它应该是一个字符串啊,注意它是一个字符串,只不过呢,它是J3格式的字符串而已,是个字符串那里边有这些数据。
06:09
我通过什么方式能够拿到这些数据呢?拿这些数据,拿到ID,拿到名称,拿到简称,拿到手绘的值呢?字符串直接超过它会很麻烦,我们要做的是想把这个字符串转成一个JC的对象,注意是对象的身份。对象和字符串是不是俩概念呢?字符串就是字符串,是一个文本。对象是有属性和方法的。我们可以在JS中。把这个Json字符串转成一个JC的对象形式,在转对象时呢,这个ID。Name简称就是Json对象的属性。通过属性就能获取河北冀石家庄的这些信息了,现在我们可以干什么呢?那就说我们在这个在CF中呢,那我们可以把Jason。
07:18
格式的字符串转为J3对象,好J对象啊,转成对象。那这一生中。的。K就是JC对象的属性名。这样就可以做一个转换了,非常的方便啊。那我们来看一下在GS中如何进行转换呢?它提供这么一个函数。这个函数呢,大家呢,先有个印象就行了。后面呢,我们会用更加优雅的方式替代它。
08:02
怎么用呢,在这儿。Va我们定义一个对象叫J3OBJECT等于呢BV这个EV呢是J一个函数。那这个函数呢,我们怎么用?把我们的date呢加进来。好,这么用就OK了,这里边儿的EV是说要执行括号中的。我好。括号中的这个代码,把这个J3字符串要转为J3的对象,好,这么做就行了,这个函数呢,你了解就行了,因为在后边呢,我们会用一个更加强大的一个j query来代替它,所以这块你了解就行了,以后我们也不会用它。
09:03
就是Jason object,它就是对象了,那对象的话有属性。那我们就可以把这个Jason object对象的属性,把它呢,更新给我们的这些省份名称啊,简称等等,那现在我更新一个省份名称吧。ID是pro name。那我现在更新到document对象,点get element by ID叫PL name.V6给它赋值吧,J obj点。属性名。那我们看,我们今天看到那个Jason。这是不是叫name呀?Name是K吗?它就属于名了,所以对一下,点name好,这就完成了,先复制一个,看一看能不能达到我们的效果。把页面更新。
10:03
然后把浏览器的缓存呢清一下,刷新浏览器,我们输一个二吧,搜索看山西值就附进来了。看网络请求中,Corson查询的是R,点击这个地址。响应结果中我们看到这是小应的JN,然后name简称和首位都是我们的属性名,通过name就拿到山西的职了。下面把简称省会我都写完了。再往下当对象,那get i8id。再往下呢,我们来看看。这是简称。简称点me j3OBJ点简称,当然这个简称不是我随便拼的啊。
11:06
是因为呢,在浏览区中我们看到了这事就是简称啊,就是它啊,就这个值,它是什么就是什么,不是你随便写啊,简称最后一个是省会。省会叫平安省会。然后点V6等于G比J点省会好,三个值呢就全放上来了。把页面呢更新一下,这个例子呢,基本上就是完整的了。查询,你看山西晋太原市。三个数据都汇到了,我们给个一吧,这是河北,即石家庄。好了,这就是我们现在的一个JA的数据格式,做Jason的话呢,用的比较多,比较广泛,因为Jason的操作呢,对于数据来说,它的交换是很方便的,解析速度也比较快,这是Jason的一个使用。
12:16
好,那我们做这个阿贾克斯呢,最后最后做的样子呢,就是类似于当前这个工程,我们操作的是杰森的数据啊,Jason的数据。但是如果你觉得呢,这块抄作Jason呢,都写在这个代码中来完成DOM对的更新呢,比较麻烦,你也可以单独定义一个函数来做这个倒对象的更新,比方说你定义一个函数。用它呢来处理我们服务器。端返回的数据啊,返回数据,这个数据就是阿贾克斯请求返回的值吗?你可以定一函数,这个函数呢,比方说我叫call back,参数呢,我叫做Jason,然后呢,你把上面这段代码的内容呢,你把它拿过来。
13:11
你把它呢,放在这儿。然后这个呢是JC,因为这个参数就是那个真的对象了,拿过来拿过来,那怎么调用这个call back呢。然后在这更新到调用那个函数,调用靠然call back,把这个JOBBJ传进去不就完事了吗?这样同样能达到我们的效果。把这个Jason obj。传输给我们这个call back函数。然后copy函数中呢,那我们就可以通过这个JN。也就是我们的对象来进行赋值处理就完事了,这样呢,我们代码就显得更有层次感,结构呢就更清晰一些了。通过函数来完成指定的功能。
14:02
好把代码呢更新一下。嗯。好,最后呢,试一下就完事了。那给个三。好,我们看内蒙古蒙沃浩特市,这个例子整个就全部的结束了。好,这个例子呢,看大家有什么疑问没有?
我来说两句