基础知识介绍:
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不过笔者发现要重新编译真心难。自代的包编绎