Javascript远程加载框架:JFO Remote Framework 1.0简介 - 面向对象网,web开发,脚本,学习,对象 - 面向对象技术开发

面向对象技术开发

会员投稿 投稿指南 站长资讯通告:
您的位置: 首页 > Web开发 > 脚本语言 > 正文

Javascript远程加载框架:JFO Remote Framework 1.0简介

来源: www.bianceng.cn 阅读:

JFO Remote Framework version 1.0

用途:

主要用于远程脚本嵌入,有的时候我们可能需要通过在某些应用中嵌入动态脚本以达到我们想要的数据加载或者一些程序控制,那么JFOREMOTE可能会符合我们这个要求。
下载:

请复制这个链接,根据您的需要下载所需的版本。https://github.com/41zone/jfo/tree/master/jforemote

版权:

遵守MIT开源协议,最终版权归属jiuzhang song(Jimmy Song)以及41zone团队,但是您可以进行修改和传播。

版本:

这里提供了两个版本,jforemote-min.js和jforemote-noajax-min.js。前者拥有规范的ajax功能,其中包括了request和jsonp两个方法,对于实际的应用中可能jsonp的用途会更大一些,因为常常要应对cross domain的情况,同时如果使用jsonp的方法,那么就意味着只能通过GET方式进行远程传输。
使用:

第一步. 首先要将jforemote导入到自己的项目中,实质上就是复制一份代码,比如我们使用jforemte-min.js,那么我们需要复制一下这个代码,这里您可以参考jforemote-demo.js这里面的代码,同时比对jforemote的原始代码就明白其中的含义,并且就知道如何操作了。 这里是链接,https://github.com/41zone/jfo/blob/master/jforemote/1.0/jforemote-demo.js

原始代码如下:

/**

* JFO Remote Framework,Some question for email 'jimmy.song@aliyun.com'

* Declare: This framework of Javascript developed by 41zone team

* License: MIT

*/

(function(j){window.console=window.console||{log:function(a){}};var h= ... )

({}); //在这里进行添加自己的要处理的逻辑

第二步. 根据需求编写自己的实际操作代码片段。

添加自己的逻辑后的代码:

/**

* JFO Remote Framework,Some question for email 'jimmy.song@aliyun.com'

* Declare: This framework of Javascript developed by 41zone team

* License: MIT

*/

(function(j){window.console=window.console||{log:function(a){}};var h= ... )

//注意下面的代码

({

ready:true,

styles:['http://static.41zone.cc/jfo/css/jforemote.css','http://github.com/jfo/common/css/jfo.css'],

scripts:['http://static.41zone.cc/jfo/js/jfo-min.js',

{url:'http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js',conflict:'$',force:true}],

begin:function(remote){console.log('Hello JFO, JFORemote begin to work, there is no any scripts and styles be loaded.');},

success:function(remote){

$(remote.div).html('HELLO JFO, JFO Remote Loaded! We can do something.');

alert(remote.params.name+' = '+remote.query.name);

remote.jsonp('http://dynamic.41zone.cc/jsonp.html?name=jfo',function(data){console.log('result = '+data.name);});

}

});

查看本栏目更多精彩内容:http://www.bianceng.cn/webkf/script/

Tags:
相关文章列表: