AJAX教程-29-js中转换json对象原创

好，那接着呢，还是说我们这个程序吧，我们的程序呢，刚刚已经啊，给大家呢，测试一下关于Jason的这个数据已经可以了，好用了，下面我们来补充我们的页面。回到我们的麦，阿贾克的JP，在这个页面中，我们要发起一个阿贾克斯的一步请求。还是呢，写脚本。然后类型呢是text javascript还是那四步，第一步创建一步对象好VXTP等于new，一个XMHTTP于request。这呢说明一下，这是个变量，是自定义的啊，是自定义的，你说我不想叫它，你说我就叫A，没毛病，没问题，都可以啊，都正确的好，你说我就叫ABC行不行？行，这个没人管你啊，但是我建议呢，还是见名知其意呗，你起个名字好记又好用，会更好一些，那我就叫做XMLHTTP了。那第一步第二步绑定事件呢，你多写几遍肯定能记住，因为一共就这么四步，On right change等于一个处理函数，那这个处理函数我们要干什么呢？是说当我们一步对象的ready state等于四。

并且我们的网络请求它是200。那这个时候我们要获取我们的数据，这个数据呢，是用一步对象。啊，一步对象啊，稍等一下HTTP的叫做response text来获取数据。下面我们要更新我们的盗墓对象，更新这块呢，一会我们来做好下来写第三步，你注意我们的第三步是在哪写的呀？是在我们的绑定事件的这个函数之外啊，在这儿写的第三步你可不能写在这个里边是不对的啊，第三步我们要初始一步对象的数据。

初始移步对象的请求参数，好，XMLHTTb.open使用方式呢？我们用get使用地址。地址呢？我们现在访问的应该是Harry Jackson这个地址。Jason。然后成参问号参数的名字呢，我们定义的是叫做PID吗？在这。参数的名字等于值，值现在是什么还不知道呢，值实际上应该是我们这个文本框输的值吗？那我们用当对象来获取它。

我们定义一个叫PID的值等于document对象点get。Element ID平oidd加V6或者值。那这我们加上PID后面呢，是一个针好。这是初始化请求的参数。第四步，我们要发送请求。一步对象点三个方法的调用，好这一部分呢，我们就要完成了。那现在呢，我们来处理数据这部分，那这个数据肯定能取到的，我们把这个数据呢，先alert一下date，把项目跑起来。

启动他们CAD服务器。好，启动之后测试一下。我们现在要访问的是麦阿贾克斯，点JSP了。好，我们这是阿迪请求处理杰森格式数据，输一个一点击搜索。F12。我们看啊，点了一下之后没反应，是不是没反应。看控制台这有个报错。说啊。Document getd是个no说读色没有定义。好，那这个你看到错误原因了吧，说do such没有定义，为什么？因为我没有写那个函数定义。我定的是按钮的单击事件要读色，但是我没定义，因为呢，我写的时候呢，这。

并没有放在函数之中，那我应该是写一个发叫读search。把我们刚才写的这四步的内容呢，你得放到这个按钮的事件中，这样的话，你的按钮点击之后，你才能做这个请求的处理工作呀。这样就OK了，好了，这是我们的按钮，单击事件。创建一步对象绑定事件初始化请求，参数发送请求。啊，页面呢，我需要更新一下。更新完毕之后呢，重新刷新一下。点加鸟。哎，我们看到是得到了我们的J3格式的数据吧，这个数据现在它应该是一个字符串啊，注意它是一个字符串，只不过呢，它是J3格式的字符串而已，是个字符串那里边有这些数据。

我通过什么方式能够拿到这些数据呢？拿这些数据，拿到ID，拿到名称，拿到简称，拿到手绘的值呢？字符串直接超过它会很麻烦，我们要做的是想把这个字符串转成一个JC的对象，注意是对象的身份。对象和字符串是不是俩概念呢？字符串就是字符串，是一个文本。对象是有属性和方法的。我们可以在JS中。把这个Json字符串转成一个JC的对象形式，在转对象时呢，这个ID。Name简称就是Json对象的属性。通过属性就能获取河北冀石家庄的这些信息了，现在我们可以干什么呢？那就说我们在这个在CF中呢，那我们可以把Jason。

格式的字符串转为J3对象，好J对象啊，转成对象。那这一生中。的。K就是JC对象的属性名。这样就可以做一个转换了，非常的方便啊。那我们来看一下在GS中如何进行转换呢？它提供这么一个函数。这个函数呢，大家呢，先有个印象就行了。后面呢，我们会用更加优雅的方式替代它。

怎么用呢，在这儿。Va我们定义一个对象叫J3OBJECT等于呢BV这个EV呢是J一个函数。那这个函数呢，我们怎么用？把我们的date呢加进来。好，这么用就OK了，这里边儿的EV是说要执行括号中的。我好。括号中的这个代码，把这个J3字符串要转为J3的对象，好，这么做就行了，这个函数呢，你了解就行了，因为在后边呢，我们会用一个更加强大的一个j query来代替它，所以这块你了解就行了，以后我们也不会用它。

就是Jason object，它就是对象了，那对象的话有属性。那我们就可以把这个Jason object对象的属性，把它呢，更新给我们的这些省份名称啊，简称等等，那现在我更新一个省份名称吧。ID是pro name。那我现在更新到document对象，点get element by ID叫PL name.V6给它赋值吧，J obj点。属性名。那我们看，我们今天看到那个Jason。这是不是叫name呀？Name是K吗？它就属于名了，所以对一下，点name好，这就完成了，先复制一个，看一看能不能达到我们的效果。把页面更新。

然后把浏览器的缓存呢清一下，刷新浏览器，我们输一个二吧，搜索看山西值就附进来了。看网络请求中，Corson查询的是R，点击这个地址。响应结果中我们看到这是小应的JN，然后name简称和首位都是我们的属性名，通过name就拿到山西的职了。下面把简称省会我都写完了。再往下当对象，那get i8id。再往下呢，我们来看看。这是简称。简称点me j3OBJ点简称，当然这个简称不是我随便拼的啊。

是因为呢，在浏览区中我们看到了这事就是简称啊，就是它啊，就这个值，它是什么就是什么，不是你随便写啊，简称最后一个是省会。省会叫平安省会。然后点V6等于G比J点省会好，三个值呢就全放上来了。把页面呢更新一下，这个例子呢，基本上就是完整的了。查询，你看山西晋太原市。三个数据都汇到了，我们给个一吧，这是河北，即石家庄。好了，这就是我们现在的一个JA的数据格式，做Jason的话呢，用的比较多，比较广泛，因为Jason的操作呢，对于数据来说，它的交换是很方便的，解析速度也比较快，这是Jason的一个使用。

好，那我们做这个阿贾克斯呢，最后最后做的样子呢，就是类似于当前这个工程，我们操作的是杰森的数据啊，Jason的数据。但是如果你觉得呢，这块抄作Jason呢，都写在这个代码中来完成DOM对的更新呢，比较麻烦，你也可以单独定义一个函数来做这个倒对象的更新，比方说你定义一个函数。用它呢来处理我们服务器。端返回的数据啊，返回数据，这个数据就是阿贾克斯请求返回的值吗？你可以定一函数，这个函数呢，比方说我叫call back，参数呢，我叫做Jason，然后呢，你把上面这段代码的内容呢，你把它拿过来。

你把它呢，放在这儿。然后这个呢是JC，因为这个参数就是那个真的对象了，拿过来拿过来，那怎么调用这个call back呢。然后在这更新到调用那个函数，调用靠然call back，把这个JOBBJ传进去不就完事了吗？这样同样能达到我们的效果。把这个Jason obj。传输给我们这个call back函数。然后copy函数中呢，那我们就可以通过这个JN。也就是我们的对象来进行赋值处理就完事了，这样呢，我们代码就显得更有层次感，结构呢就更清晰一些了。通过函数来完成指定的功能。

好把代码呢更新一下。嗯。好，最后呢，试一下就完事了。那给个三。好，我们看内蒙古蒙沃浩特市，这个例子整个就全部的结束了。好，这个例子呢，看大家有什么疑问没有？