Ajax访问dataSnap Rest服务器--让你的DataSnap更牛B.docVIP

基础知识介绍: dataSnap Rest 跨平台的特性众主要是靠JSON来传输数据,通过HTTP,HTTPS 访问方法来获取所得到的数据. 如下图: 如有不明白的自已去看XE?的dataSnap介绍。 Ajax众所周知是 HTML主要交互的数据的重要方法.基础就不说了不清楚的去看 /ajax/index.asp 很简单的。 OK,费话不多说进入测试环节. 搞一个简单的dataSnap Rest服务器,启动服务器测试,IE直接访问成功!走出了成功的第一步. 开启HTML编辑器,写个简单的界面.调用ajax获取rest服务器数据.代码如下图 这个只是做一个简单的测试,调用rest ECHOSTRING函数。来获取结果. @第一种我们测ajax的dataType:JSON数据.测试工具建议用chrome.真心强大好用.且用Get. OK 运行调试看看结果如何 发现执行AJAX的错误函数,跟踪下包看看，下图 从图中可以看出有成功访问到,但还是为什么会出错？？ 看下面红色的提醒。原来是跨域的问题,什么是跨域，不懂的百度搜下，这边就不介绍了。 那OK,知道问T所在,我们就要解决.只要把rest服务器设成 不管是不是同一个域申请的,多可以接受数据. 问题来了:dataSnapRest服务器要如何设置,--于是本人一开始往这方面研究,悲剧的发现属性太多不知道在哪设. 哎如果知道在哪设的大侠告知下,研究了半天找不出在哪设. OK PASS 此方法. 后面有查了下要解决跨域的,还可以用jsonp 不管服务器有没有设上面所说的. 因为JSONP传输就是一种可靠的验证. 开始测试.AJAX 请求代码如下: datType:Jsonp AJAX JSONP 返回的数据两部份组成 函数名称(结果) 如下: jQuery211048275879258289933_1418953063989({result:[]}) 运行,调试如下图 悲剧的发现还是出错。看下包数据. 从上面可以看出 请求成功.那为什么传输还是失败了呢? 对比下json 和jsonp传输，我们发现不同点是 请求地址两个不同. Jsonp会自动在后面加上 验证参数. 我们拿这个地址直接输在IE 测试如下 哎可以正常显示,那为什么ajax接收不到.这就是我们上面说到的jsonp要求一定的函数格式来返回数据 如下, jQuery211048275879258289933_1418953063989({result:[]}) 前半相当于验证吗,后半部份是结果集。 感觉像回调函数一样. 问题来了 dataSnap要如何实现. dataSnap返回的是一个json。 那如何设置 dataSnapRest返回的是JSON呢。经过测试研究，笔者有悲剧的发现,不知道在哪里设. 哪个大侠知道的可以说下，我表示呵呵 然到就这样放弃了吗?? 不,做为一个有为青年,不是说放弃就放弃的. 对比了下 AJAX JSON和JSONP 经过多翻考虑,决定采用JSONP 来搞定.不要问我为什么用JSONP 笔者只能说呵呵。 OK,决定了方向,那么就开始动手. 问T：如何把DATASNAP REST 返回的 JSON 数据加工成JSONP格式 {result:[123]} 加工成=( jQuery211048275879258289933_1418953063989({result:[123]}) 研究过程省过一天半,具体就不说了。说多了多是泪，你们懂. 经过多方 追终,测试,跟踪，挖掘。得出以下结果. 我们知道JSONP 提交时会在地址后面加上callback参数 可能不同的JQUERY 参的不一样名称 默认是callback这个大家可以跟据不同情况,重写indy http://localhost:8080/dataSnap/rest/Twebmethod/echostring(123)?callback=jQuery211048275879258289933_1418953063989_=1418953063990 那么我们只要把callback参数取出来组合成结果就行了。OK看代码 原来代码段如下.别问我为什么这样改,说多了多是泪。 改后代码段如下 直接在IE输入测试如果 哎这就是我们想要的格式，哇咔咔。 启动界面调试如下 返回数据成功. DELPHI 要改的单元在 所在安装路径Indy10 单元: IdCustomHTTPServer C:\Program Files (x86)\Embarcadero\Studio\15.0\source\Indy10\Protocols 记住改完后,不会生效的.要么重新编译Indy 10不过笔者发现要重新编译真心难。自代的包编绎各种问题，非高手中的高手不要试了. 还