How to use javascript client object model in sharepoint designer?

Question

I have to fetch data using javascript client object model and for that i have to use Sharepoint Designer 2010 only i have searched on google and there i got solution only by adding code in visual web part. So can any tell me how i can use javascript client object mode to retrieve data in sharepoint designer 2010?

Answer 1

Here take a look at this. I completely deleted my original answer. Now below make sure in your script type that it is just like below.

    <script type="text/ecmascript" src="/_layouts/SP.Core.js" />
     <script type="text/ecmascript" src="/_layouts/SP.Debug.js" />
       <script type="text/ecmascript" src="/_layouts/SP.Runtime.Debug.js" />

      <script language="ecmascript" type="text/ecmascript">

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

      function onQueryFailed(sender, args) {
          alert('request failed ' + args.get_message() + '\n' +    args.get_stackTrace());
      }

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

Make sure you have the libraries loaded. Look here

http://msdn.microsoft.com/en-us/library/ee535709.aspx

http://msdn.microsoft.com/en-us/library/hh185009.aspx

First link is how to setup your application page the second link is how to perform a simple list lookup function.

Answer 2

Think of the visual web part as a container. You can implement this code in a couple different ways using only SPD:

1. Open the page in advanced mode in SPD and enter the script just as you would a plain old web page. I would put the script inside the PlaceHolderMain control as SharePoint is a little picky about where to put javascript.

2. Put the script in a content editor web part right in the web interface.

3. (recommended) Create a separate javascript file for your code. Reference it in a script tag either on your page, or on the master page.