SharePoint JavaScript API in application pages

简介:   前言   最近,在SharePoint 应用程序页中写JavaScript API,进行一些数据交互。其实,很简单的事情却遇到了问题,记录一下,希望能对遇到类似问题的人以帮助。   引用JavaScript   首先,SharePoint 应用程序页里面,不含JavaScript API需要的引用,这里以SharePoint 2016为例,需要添加相应的引用。

  前言

  最近,在SharePoint 应用程序页中写JavaScript API,进行一些数据交互。其实,很简单的事情却遇到了问题,记录一下,希望能对遇到类似问题的人以帮助。

  引用JavaScript

  首先,SharePoint 应用程序页里面,不含JavaScript API需要的引用,这里以SharePoint 2016为例,需要添加相应的引用。

  我们可以这样写SharePoint标签来进行sp.js的引用:

<SharePoint:ScriptLink Name="SP.js" runat="server" OnDemand="true" Localizable="false" />

  我们也可以手动引用,我理解二者没有什么区别,只是引用的方式是SharePoint还是传统方式。

<script type="text/javascript" src="/_layouts/15/sp.js"></script>

  添加FormDigest标签

  使用SharePoint对象模型的时候,还需要特别加上这个标签(PlaceHolderMain节点最上面即可),要加在SharePoint引用的上面,否则会报错。当然,说的是在应用程序页中使用,如果是普通页面,里面已经包含了类似标签,不需要重复添加。

<SharePoint:FormDigest runat="server" />

  执行JavaScript方法

  执行SharePoint对象的时候,要等jsom加载完毕再执行,也就是。

SP.SOD.executeFunc('sp.js', 'SP.ClientContext', function name);

  如果同时执行多个方法,或者带参数也可以

function fn(obj)
{
        SP.SOD.executeFunc('sp.js', 'SP.ClientContext', function () { 
                 function 1
                 function 2
        });
}

  结束语

  以上,便是SharePoint JavaScript 在应用程序页中使用的注意事项,希望能够对有需要的人带来帮助。

  废话外音

  SharePoint JavaScript API只适用于SharePoint页面中使用,如果想在其他页面中请使用其他对象,不是只是JavaScript的系统,就可以跨域调用JavaScript的。

  同时,有需要了解更多SharePoint JavaScript API的可以参考霖雨的视频教程:http://edu.csdn.net/course/detail/4508

目录
相关文章
|
1月前
|
JavaScript 前端开发 API
常用JavaScript 数组 API大全
常用JavaScript 数组 API大全
32 0
|
1月前
|
API
egg.js 24.2写第一个api接口
egg.js 24.2写第一个api接口
71 0
|
4月前
|
敏捷开发 JavaScript 前端开发
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
|
3月前
|
分布式计算 JavaScript 前端开发
JS中数组22种常用API总结,slice、splice、map、reduce、shift、filter、indexOf......
JS中数组22种常用API总结,slice、splice、map、reduce、shift、filter、indexOf......
|
2月前
|
Web App开发 JavaScript NoSQL
深入浅出:构建基于Node.js的RESTful API
在当今快速发展的互联网时代,RESTful API已成为前后端分离架构中不可或缺的一部分。本文旨在为初学者和中级开发人员提供一个清晰、简洁的指南,详细介绍如何使用Node.js构建一个高效、可维护的RESTful API。通过结合实际案例,本文将从API设计理念出发,深入讲解如何利用Express框架及MongoDB数据库实现API的增删改查功能,同时探讨如何通过JWT进行安全认证,确保数据传输的安全性。此外,文章还将简要介绍如何使用Swagger生成API文档,使得API的测试和维护更加便捷。无论你是希望提升现有项目的API设计,还是想从零开始构建一个新项目,本文都将为你提供一条清晰的道路
|
1月前
|
JavaScript 前端开发 API
JavaScript循环遍历常用的7种方法以及常用的数组 API
JavaScript循环遍历常用的7种方法以及常用的数组 API
35 0
|
1月前
|
Web App开发 JavaScript 前端开发
使用Node.js和Express构建RESTful API
使用Node.js和Express构建RESTful API
19 0
|
6月前
|
JSON JavaScript 前端开发
前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— JS进阶(四)完结撒花✿✿ヽ(°▽°)ノ✿
前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— JS进阶(四)完结撒花✿✿ヽ(°▽°)ノ✿
534 0
|
6月前
|
JavaScript 前端开发 API
前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— JS进阶(三)
前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— JS进阶(三)
516 1
|
6月前
|
JavaScript 前端开发 API
前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— JS进阶(二)
前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— JS进阶(二)
470 0