SP.js file not loaded in a simple JSOM example

Question

I am creating a simple example that demonstrates client object model using javascript. I have ceated a simple JS file in Visual Studio and an aspx page using the SharePoint Designer.

I have used the following command in my aspx page to include the sp.js and sp.runtime.js files but no success and so I get an error which says "ReferenceError: Type is not defined" when I run the page. the command that is used to include the sp.js is:

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

and the code in my js file which I created using Visual Studio is:

jQuery(document).ready(function ()
{
 retrieveListItems();

}); 

I am working on SharePoint 2013 enterprise edition and I have not used custom master page.

I am not able to figure out what is issue. Comment ASAP.

Answer 1

Try adding following references to the additional page head of the page

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

Then try using following script

jQuery(document).ready(function ()
{
    SP.SOD.executeFunc('sp.js', 'SP.ClientContext', retrieveListItems);
}); 

function retrieveListItems() {
    alert('Libraries Loaded');
}

Answer 2

I used include all the requires javascripts as per the below sequence and there by I was able to include the SP.js.

<script src="/_layouts/1033/init.js" type="text/javascript"></script>
<script src="/_layouts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="/_layouts/sp.core.js" type="text/javascript"></script>
<script src="/_layouts/sp.runtime.js" type="text/javascript"></script>
<script src="/_layouts/sp.js" type="text/javascript"></script>

I have referred this link.

The most important of all is that one should include jquery.min.js and not jquery.js. This is small point which would create havoc in your life.

Answer 3

It could be you're calling retrieveListItems before SP.js has been fully loaded, in which case try:

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

Answer 4

Add a reference to "/_layouts/MicrosoftAjax.js" and you no longer get the Type is not defined error. I got the answer here.

Answer 5

Since you have jQuery loaded, perhaps you can use the $.getScript() function to load SP.js:

var scriptbase = siteUrl + '/_layouts/15/';

$.getScript(scriptbase + 'SP.Runtime.js',
    function() {
        $.getScript(scriptbase + 'SP.js', retrieveListItems);
    }
);

Info on $.getScript() here.

Answer 6

always must use

<SharePoint:ScriptLink language="javascript" name="sp.js" OnDemand="true" runat="server" Localizable="false" />

I lost 2 days fighting with this , i dont know why nut it doesnt works using script src

Answer 7

I had the exactly the same problem because i referred the wrong List Column Internal Name in oListItem.get_item('ListFieldName')

Answer 8

I said this before in another question:

Add javascript to sharepoint 2013

you can reference scripts in the masterpage of this forma:

<SharePoint:ScriptLink language="javascript" name="custom.js" OnDemand="true" runat="server" Localizable="false" />

Referncing a java script inside my master page will not fire

NOTE: you can use <SharePoint:ScriptLink language="javascript" name="custom.js" OnDemand="true" runat="server" Localizable="false" /> in a aspx file. For using it with JS SP.SOD.executeFunc('sp.js', 'SP.ClientContext', retrieveListItems);