自分で作ったり提供したりするものは、まず自分自身で使ってみろろということです。自分じゃ使わないものなら人はいくらでも無責任にも無思考にもなれる。そういう投げやりな「サービス」やら「プロダクツ」なんて、だれだってイヤだ。自分が作り手と同時に利用者の立場になれば、ちゃんと使えるレベルのものを提供しようとします。

2010年4月9日金曜日

JSONって何②

JSONサンプル②を共有します。(サンプルリンクを押して実際の実行結果を確認できます)

このサンプルはインタネットから見つかったサンプルなので、本当にシンプルで且つ分かりやすいサンプルです。
<script language="JavaScript" type="application/javascript">
<!--
    var myJSONObject =
    {
        "test": "hello"
    };
    var myJSONObject2 =
    {
        "test": "hello"
    };
    var myJSONObject3 =
    {
        "test1": "hello1",
        "test2": "hello2",
        "test3": "hello3"
    };
    var myJSONObject4 =
    {
        "test1": "function (){ alert('This is method test1') }"
    };
    var myJSONObject5 =
    {
        "test2": "function (arg){ alert('This is a argument : '+arg) }"
    };
//-->
</script>

<form>
    alert( typeof myJSONObject )<br/>
    <input type    = "button"
           onclick = "alert( typeof myJSONObject )"
           value   = "click1">

    alert( myJSONObject2 )<br/>
    <input type    = "button"
           onclick = "alert( myJSONObject2 )"
           value   = "click2">

    alert( myJSONObject2.test )<br/>
    <input type    = "button"
           onclick = "alert( myJSONObject2.test )"
           value   = "click3">

    myJSONObject2.test = 'new test' ;<br/>
    alert( myJSONObject2.test )<br/>
    <input type    = "button"
           onclick = "myJSONObject2.test = 'new test' ; alert( myJSONObject2.test )"
           value   = "click4">

    myJSONObject3オブジェクトのtest1プロパティを取り出します<br/>
    alert( myJSONObject3.test1 )<br/>
    <input type    = "button"
           onclick = "alert( myJSONObject3.test1 )"
           value   = "click5">

    myJSONObject3オブジェクトのtest2プロパティを取り出します<br/>
    alert( myJSONObject3.test2 )<br/>
    <input type    = "button"
           onclick = "alert( myJSONObject3.test2 )"
           value   = "click6">

    myJSONObject3オブジェクトのtest3プロパティを取り出します<br/>
    alert( myJSONObject3.test3 )<br/>
    <input type    = "button"
           onclick = "alert( myJSONObject3.test3 )"
           value   = "click7">

    myJSONObject4オブジェクトのメソッドtest1()を実行します<br/>
    <input type    = "button"
           onclick = "eval('test1='+myJSONObject4.test1);test1()"
           value   = "click8">

    myJSONObject5オブジェクトのメソッドtest2()に引数'hello'を与えて実行します<br>
    <input type    = "button"
           onclick = "eval('var a='+ myJSONObject5.test2 +'');a('hello')"
           value   = "click9">
    <input type    = "button"
           onclick = "eval('('+ myJSONObject5.test2 +')(\'hello\')');"
           value   = "click10">

</form>

JSONオフィシャルサイトサンプル

0 件のコメント:

コメントを投稿

ホームページ