zoukankan      html  css  js  c++  java
  • DojoAPI介绍

    网上的关于Dojo的文章很多,我从项目经历上阐述自己的一些用法、示例,仅供参考。Dojo是一个强大的面向对象JavaScript框架。主要由三大模块组成:Core、Dijit、DojoX。Core提供Ajax,events,packaging,CSS-based querying,animations,JSON等相关操作API。Dijit是一个可更换皮肤,基于模板的WEB UI控件库。DojoX包括一些创新/新颖的代码和控件:DateGrid,charts,离线应用,跨浏览器矢量绘图等。


           -------获取dojo相关对象-----------

           1.dojo.byId() :等同于 document.getElementById(),根据DOM节点的ID获取该节点DOM对象。

           2.dijit.byId() : 是获取由dojo widget 系统创建的对象,然后你可以调用这个这个对象的方法或改变这个对象的属性。


           -------dojo监听事件-----------

           3.dojo.connect() :为前端操作创建事件监听器.

                   /* Set up a connection */
                   dojo.connect(/*Object|null*/ obj,
                                      /*String*/ event,
                                     /*Object|null*/ context,
                                    /*String|Function*/ method) // Returns a Handle

           4. dojo.disconnect(/*Handle*/handle);   解除注册监听器 /* Tear down a connection */


           --------dojo的json处理----------

           5.dojo.fromJson(/*String*/ json) //把json string转化为json object

           6.dojo.toJson(/*Object*/ json, /*Boolean?*/ prettyPrint) //把json object转化为json string.

         var o = {a:1, b:2, c:3, d:4};
        dojo.toJson(o, true); //pretty print
        /* produces ...
        '{
        "a": 1,
        "b": 2,
        "c":3,
        "d":4
        }'
    

        -------dojo的ajax操作-----------

            7.dojo.xhrGet(/*Object*/args)  :ajax的GET提交

          dojo.addOnLoad(function( ) {
                      dojo.xhrGet({url : "someText.html", //the relative URL
                    // Run this function if the request is successfulload : 
                     function(response, ioArgs) {
                           console.log("successful xhrGet", response, ioArgs);
                          dojo.byId("foo").innerHTML= response;   //always return the response back
                      },
                      // Run this function if the request is not successfulerror :
                     function(response, ioArgs) {
                        console.log("failed xhrGet", response, ioArgs);}
                   });
             });

            8.dojo.xhrPost(/*Object*/args) :ajax的POSt提交,支持text、json、xml等提交形式。

        dojo.xhrPost({
             url : "/place/to/post/some/raw/data",
             postData : "{foo : 'bar'}", //a JSON literal
             handleAs : "json",
             load : function(response, ioArgs) {
                     /* Something interesting happens here */
                   return response;
             },
           error : function(response, ioArgs) {
               /* Better handle that error */
                return response;
           }
        });
    
    
  • 相关阅读:
    vba合并报表(搬一下)
    自选股票并绘制图像
    python代码--利用python进行数据分析里第十四章缺失代码
    python时间戳(1)
    python学习--列替换问题
    python学习--练习题28
    报错记录--004--panda删除添加问题
    python学习--练习题21-27
    python学习--练习题14-20
    python学习--练习题111213--分阶段判断问题、输出指定日期格式问题、统计字符问题
  • 原文地址:https://www.cnblogs.com/soundcode/p/2117527.html
Copyright © 2011-2022 走看看