作者s25g5d4 (死城盗贼)
看板Ajax
标题[心得] 这次换json...只是简单的教学
时间Fri Sep 3 22:21:27 2010
http://s25g5d4.sg1010.myweb.hinet.net/json.htm
这次顺便连XMLHttpRequest方法封装一起讲好了
先说方法封装是偷来的...
function request(
url,
callback,
data)
{
var xmlHttp
= createXMLHTTPObject
();
//建立XMLHttpRequest物件
if (
! xmlHttp)
return;
var method
= (data)
? "POST" : "GET";
xmlHttp.open
(method,
url,
true);
//到这里还没传出去喔
if (data)
{
xmlHttp.setRequestHeader
('Content-type',
'application/x-www-form-urlencoded');
}
xmlHttp.onreadystatechange
= function ()
{
if (xmlHttp.readyState
!= 4)
return;
//等於4时才代表请求完成
if (xmlHttp.status
!= 200 && xmlHttp.status
!= 304)
{
//HTTP 200代表请求成功 反之就未成功
alert
('HTTP请求错误 ' + xmlHttp.status
);
return;
}
var jsonObj
= eval
('(' + xmlHttp.responseText
+ ')');
//将取得的字串转换为Object json的本质就是Object
//不过用eval会有安全性问题...可以用json.org提供的js去parse
//这边会用eval是因为方便 而且我确定我的json不会有安全性问题
callback
(jsonObj);
}
if (xmlHttp.readyState
== 4)
return;
xmlHttp.send
(data);
//到这边 请求才会送出去
}
function createXMLHTTPObject()
{
var XMLHttpFactories
= [
function () {
return new XMLHttpRequest
()},
function () {
return new ActiveXObject
("Msxml2.XMLHTTP")},
function () {
return new ActiveXObject
("Msxml3.XMLHTTP")},
function () {
return new ActiveXObject
("Microsoft.XMLHTTP")},
];
var xmlhttp
= false;
for (
var i
= 0; i
< XMLHttpFactories.length; i
++ )
{
try
{
xmlhttp
= XMLHttpFactories
[i
]();
}
catch (
e)
{
continue;
}
break;
}
return xmlhttp;
}
request
('1.json',
function (
response) {
//刚刚就说过了 json的本质就是Object(其实也可以是array 不过对js而言
//array也是Object) 所以把json当Object处理
document.write
('uFlag = ' + response.uFlag
+ '<br>');
document.write
('message = ' + response.message
);
}
);
--
(‵ˍ′)
「xxx，你看！哥哥要生气了喔！你在不安静的话，我就叫他来把你打死！」
-------------鸦雀无声-------------- 15 minutes later...
(′╰╯‵)
「你看，那个哥哥现在的脸多慈祥」
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 218.172.87.195
※ 编辑: s25g5d4 来自: 218.172.87.195 (09/03 22:48)
※ 编辑: s25g5d4 来自: 218.172.87.195 (09/03 22:48)
※ 编辑: s25g5d4 来自: 218.172.87.195 (09/03 22:51)
1F：→ s25g5d4:还有阵列的玩法没说到...不过太复杂的资料我倾向用XML 09/03 22:56
2F：→ s25g5d4:但是json确实在解析上非常的简单 09/03 22:56
3F：→ s25g5d4:但是说到易读易改还是XML胜出XDDD 09/03 22:56
4F：→ grence:我觉得 json乐胜，xml大又难parse; jsonp也是跨网域首选囧a 09/03 23:57
5F：→ s25g5d4:这样写下来确实有觉得json很好解析 囧~ 09/04 00:02
6F：→ s25g5d4:而且json做好缩排也是易懂...xml臭了吗XD 09/04 00:03
7F：→ TonyQ:话说 jsonp 需要远端server support , 这个可以拿出来讨论 09/04 00:14
8F：→ TonyQ:对 jsonp 印象最深刻的它必须要给 callback value 09/04 00:14
9F：→ s25g5d4:T大上几点的阿...我要去睡了 T大帮忙修程式码@@" 09/04 00:15
10F：推 SHANGOYANYI:跨网域要远端support才捞的到东西 其实是合理 09/04 00:36
11F：→ TonyQ:是啊 其实它也只是模拟 var xxxx ={} 的行为而已 09/04 00:41
12F：→ TonyQ:不过 jsonp 其实也不是个非常正式的标准，只是规格战的一环 09/04 00:42
13F：推 tomin:好漂亮的彩色码呀 你是苦功上色 还是只是复制贴上? 09/04 00:58
14F：→ Kelunyang:eval不是很安全，去下载json提供的js吧！ 09/04 17:34
15F：→ s25g5d4:不漂亮阿 我还改了三次= = 手工上的 09/04 20:14
16F：→ s25g5d4:eval是不安全 可是我遇设立场是json是自己弄得 不会有问题 09/04 20:15
17F：→ s25g5d4:恩...每次看总是会找到漏上色的地方 09/04 20:17
※ 编辑: s25g5d4 来自: 220.142.81.195 (09/04 20:20)
18F：→ s25g5d4:话说 谈json能钓到比较多的人 xml都没人要推 09/04 20:21
19F：→ s25g5d4:其实 我只有提到obj的用法 还有阵列的用法阿>\\< 09/06 00:45
20F：推 othree:记得用 json2.js 09/06 13:44