zoukankan      html  css  js  c++  java
  • Content Editor Webpart(三)使用JSOM

    JSOM是SharePoint 提供的一种clientAPI。开发者仅仅须要使用Javescript。就能够实现和SharePoint的交互。很方便。


    首先依照 (Content Editor Webpart(一)引用JQuery) 中的说明,引入JQuery。然后在Content Editor中加入代码。

    比方要获取site的title 和description。

    function retrieveWebSite(siteUrl) {
        var clientContext = new SP.ClientContext(siteUrl);
        this.oWebsite = clientContext.get_web();
    
        clientContext.load(this.oWebsite);
    
        clientContext.executeQueryAsync(
            Function.createDelegate(this, this.onQuerySucceeded), 
            Function.createDelegate(this, this.onQueryFailed)
        );
    }
    


    和Server OM不同的是,clientOM。必需要先调用Load方法。再调用execute方法。才去与server交互。executeQueryAsync方法,定义了两个事件,一个是处理成功的情况,一个处理失败的情况。

    比方,成功情况的处理函数为:

    function onQuerySucceeded(sender, args) {
        alert('Title: ' + this.oWebsite.get_title() + 
            ' Description: ' + this.oWebsite.get_description());
    }
    

    完毕的代码例如以下:

    <div style="height: 200px;">
       <script type="text/javascript" src="/sites/apps/Style%20Library/jquery-1.10.2.min.js"></script><script>
       
       
       
       function retrieveWebSite(siteUrl) {
        var clientContext = new SP.ClientContext(siteUrl);
        this.oWebsite = clientContext.get_web();
    
        clientContext.load(this.oWebsite);
    
        clientContext.executeQueryAsync(
            Function.createDelegate(this, this.onQuerySucceeded), 
            Function.createDelegate(this, this.onQueryFailed)
        );
    }
    
    function onQuerySucceeded(sender, args) {
        alert('Title: ' + this.oWebsite.get_title() + 
            ' Description: ' + this.oWebsite.get_description());
    }
        
    function onQueryFailed(sender, args) {
        alert('Request failed. ' + args.get_message() + 
            '
    ' + args.get_stackTrace());
    }
       </script> 
       <button id="#getInfo" onclick="retrieveWebSite(‘https://server/sites/site/internal’)">Get Site Info </button></div>
    


    做完之后的效果:



  • 相关阅读:
    select server 于青林
    server client 于青林
    嵌入式系统移植三部曲 于青林
    server-client之间的通信 刘峰
    select注释执行过程 刘峰
    嵌入式系统移植三部曲 刘峰
    select server 李敏敏
    服务器与客户端 李敏敏
    嵌入式移植三步曲 郑明莉
    嵌入式系统移植三步曲 翟长伟
  • 原文地址:https://www.cnblogs.com/mengfanrong/p/5357999.html
Copyright © 2011-2022 走看看