AJAX retrieval using Javascript Object Notation (JSON) - How To

I have written up a how-to on my blog, explaining the steps involved to implement AJAX functionality using JSON for data transmission. It uses a simple example where the user makes a selection from a select list and 2 values are returned from the database into page items. I found it pretty simple to implement.
http://anthonyrayner.blogspot.com/2007/06/ajax-retrieval-using-javascript-object.html
Hope you like it, feedback welcome!!
Anthony.

Duplicate post.
Yann C.
France

Similar Messages

How to upload a document with values related to document properties in to document set at same time using Javascript object model

Hi,
Problem Description: Need to upload a document with values related to document properties using custom form in to document set using JavaScript Object Model.
Kindly let me know any solutions.
Thanks
Razvi444

The following code shows how to use REST/Ajax to upload a document to a document set.
function uploadToDocumentSet(filename, content) {
appweburl = decodeURIComponent(getQueryStringParameter('SPAppWebUrl'));
hostweburl = decodeURIComponent(getQueryStringParameter('SPHostUrl'));
var restSource = appweburl +
"/_api/SP.AppContextSite(@target)/web/GetFolderByServerRelativeUrl('/restdocuments/testds')/files/add(url='" + filename + "',overwrite=true)?@target='" + hostweburl + "'";
var dfd = $.Deferred();
$.ajax(
'url': restSource,
'method': 'POST',
'data': content,
processData: false,
timeout:1000000,
'headers': {
'accept': 'application/json;odata=verbose',
'X-RequestDigest': $('#__REQUESTDIGEST').val(),
"content-length": content.byteLength
'success': function (data) {
var d = data;
dfd.resolve(d);
'error': function (err,textStatus,errorThrown) {
dfd.reject(err);
return dfd;
Then when this code returns you can use the following to update the metadata of the new document.
function updateMetadataNoVersion(fileUrl) {
appweburl = decodeURIComponent(getQueryStringParameter('SPAppWebUrl'));
hostweburl = decodeURIComponent(getQueryStringParameter('SPHostUrl'));
var restSource = appweburl +
"/_api/SP.AppContextSite(@target)/web/GetFolderByServerRelativeUrl('/restdocuments/testds')/files/getbyurl(url='" + fileUrl + "')/listitemallfields/validateupdatelistitem?@target='" + hostweburl + "'";
var dfd = $.Deferred();
$.ajax(
'url': restSource,
'method': 'POST',
'data': JSON.stringify({
'formValues': [
'__metadata': { 'type': 'SP.ListItemFormUpdateValue' },
'FieldName': 'Title',
'FieldValue': 'My Title2'
'bNewDocumentUpdate': true,
'checkInComment': ''
'headers': {
'accept': 'application/json;odata=verbose',
'content-type': 'application/json;odata=verbose',
'X-RequestDigest': $('#__REQUESTDIGEST').val()
'success': function (data) {
var d = data;
dfd.resolve(d);
'error': function (err) {
dfd.reject(err);
return dfd;
Blog | SharePoint Field Notes Dev Tools |
SPFastDeploy | SPRemoteAPIExplorer

Comment interfacer Labview avec JSON (JavaScript Object Notation) or AMF (Action Message Format) ?

Bonjour,
Comment interfacer Labview avec JSON (JavaScript Object Notation) or AMF (Action Message Format) en envoi et réception ?
Pourriez vous m'indiquer la procédure ?
Si vous avez des exemples ?
Merci d'avance et bon week-end.
Seb

Bonjour,
Pour vos post en français, je vous invites à poster sur cette rubrique du forum:
Discussions de produit de NI.
Pouvez vous décrire pourquoi vous voulez vous interfacer avec du JSON ou du AMF?
Cordialement
Yann C.
France

Comment interfacer Labview avec JSON (JavaScript Object Notation) ou AMF (Action Message Format) ?

Bonjour,
Comment interfacer Labview avec JSON (JavaScript Object Notation) ou AMF (Action Message Format) en envoi et réception ?
Le but est d'automatiser le test et paramètrage de nos produits.
Nos produits possèdent une interface web utilisant le protocole AMF sur http.
Pourriez vous m'indiquer la procédure ?
Si vous avez des exemples ?
Merci d'avance,
Seb

Message Edité par Jérémy Marliot le 11-13-2009 03:11 AM
Jérémy M. | Certified LabVIEW Developer
Design Engineer - LinkedIn - Contact
Don't forget to give Kudos to good answers.
N'oubliez pas de donner un compliment aux bonnes réponses.

Unable to update rating (rating column) on host document using JavaScript Object Model API inside sharepoint hosted apps

Hi Everyone,
We are developing SharePoint hosted apps for Office 365, for that we are going
to implement document rating functionality inside Sharepoint app. The host web contain document library (“Documents”) and from apps we need to rate each document. The rating functionality working fine with CQWP in team site using
JavaScript Object Model API.
But the same code is not working inside apps and giving error:-
If we are using app context than error will be:-
"List does not exist.
The page you selected contains a list that does not exist. It may have been deleted by another user."
And for Host context than error will be:-
"Unexpected response data from server."
Please help on this
Please see below code..
'use strict';
var web, list, listItems, hostUrl, videoId, output = "";
var videoLibrary = "Documents";
var context, currentContext;
var lists, listID;
var list, parentContext;
var scriptbase;
(function () {
// This code runs when the DOM is ready and creates a context object which is
// needed to use the SharePoint object model
$(document).ready(function () {
hostUrl = decodeURIComponent(getQueryStringParameter("SPHostUrl"));
context = SP.ClientContext.get_current();
SP.SOD.executeFunc('sp.js', 'SP.ClientContext', sharePointReady);
function sharePointReady() {
scriptbase = hostUrl + "/_layouts/15/";
// Load the js files and continue to the successHandler
$.getScript(scriptbase + "SP.Runtime.js", function () {
$.getScript(scriptbase + "SP.js", function () {
$.getScript(scriptbase + "SP.Core.js", function () {
$.getScript(scriptbase + "reputation.js", function () {
$.getScript(scriptbase + "sp.requestexecutor.js", execCrossDomainRequest);
//Query list from hostweb
function execCrossDomainRequest() {
//Load the list from hostweb
parentContext = new SP.AppContextSite(context, hostUrl);
web = parentContext.get_web();
list = web.get_lists().getByTitle(videoLibrary);
context.load(list, 'Title', 'Id');
var camlQuery = new SP.CamlQuery();
camlQuery.set_viewXml('<View><Query><OrderBy><FieldRef Name="Modified" Ascending="FALSE"/></OrderBy></Query><RowLimit>1</RowLimit></View>');
listItems = list.getItems(camlQuery);
context.load(listItems);
context.executeQueryAsync(onQuerySucceeded, onQueryFailed);
//Process the image library
function onQuerySucceeded() {
var lstID = list.get_id();
var ctx = new SP.ClientContext(hostUrl);
var ratingValue = 4;
EnsureScriptFunc('reputation.js', 'Microsoft.Office.Server.ReputationModel.Reputation', function() {
Microsoft.Office.Server.ReputationModel.Reputation.setRating(ctx, lstID, 1, ratingValue);
ctx.executeQueryAsync(RatingSuccess, RatingFailure);
function onQueryFailed(sender, args) {
alert('Failed' + args.get_message());
function failed(sender, args) {
alert("failed because:" + args.get_message());
function RatingSuccess() {
alert('rating set');
//displaystar();
function RatingFailure(sender, args) {
alert('Rating failed : : ' + args.get_message());
//Gets the query string paramter
function getQueryStringParameter(paramToRetrieve) {
var params;
params = document.URL.split("?")[1].split("&");
for (var i = 0; i < params.length; i = i + 1) {
var singleParam = params[i].split("=");
if (singleParam[0] == paramToRetrieve) return singleParam[1];
Thanks & Regards
Sanjay
Thank you in advance! :-)


Hi,
According to your post, my understanding is that you want to update list column in SharePoint hosted apps using JavaScript Client Object Model.
Based on the error message, it seems not retrieve the list object in context. I suggest you debug the code step by step using Internet Explorer Developer Tools to
find the problem.
Here are some demos about using JavaScript Client Object Model in SharePoint hosted app:
http://blogs.msdn.com/b/officeapps/archive/2012/09/04/using-the-javascript-object-model-jsom-in-apps-for-sharepoint.aspx
http://sharepoint.stackexchange.com/questions/55334/how-to-access-list-in-sharepoint-hosted-app
http://www.dotnetcurry.com/showarticle.aspx?ID=1028
Best regards
Zhengyu Guo
TechNet Community Support

Has anyone implemented JavaScript Object Notation in LabVIEW?

Hi Guys,
I was looking at writing an application using JSON-RPC
http://en.wikipedia.org/wiki/JSON-RPC
Has anyone implemented something similar, or are there any examples of this?
I was going to write it with TCP VIs, and use string parsing to work through any responses, but if anyone had some advice, it would be appreciated.
Cheers,
Anthony

Anthony,
This sounds like a very interesting project and I would like to hear how it goes for you.
You can of course choose to implement a JSON-RPC system using either TCP or HTTP as the transport. TCP would give you a potentially more responsive system but you would have to implement much more of the system from scratch as it were.
As LaRisa_s was saying, if LabVIEW 8.6 is available to you, you can take advantage of the Web Services feature which will do a lot of the work for you. Your VI that runs as a web service would have to parse the data sent from the client to determine the correct VI to call and then convert the parameters and call the VI.
You are completely correct that there is no direct support for JSON-RPC. We evaluated several Web Service and RPC mechanisms before deciding on RESTful web services for LabVIEW 8.6. In fact, if you have LV8.6 and JSON-RPC isn't a hard requirement, I would strongly recommend looking at using the RESTful mechanism that is built in. If you can use it then much less work will be required of you on the server side of your application.
If you do need to go with JSON-RPC I would be interested to hear what factors went into the decision so we can improve LabVIEW's built in web services.
Either way- let us know how your project goes.

Clearing shopping cart upon user logout using Javascript

Clearing shopping cart upon user logout using Javascript...
How is it done? Anybody got a script handy?
Thanks!

You'd need to obtain the CartID cookie, then call the function ClearCart('cd00d0e5-1822-4440-8293-32b8f317e363',0); where "cd00d0e5-1822-4440-8293-32b8f317e363" is the CartID you obtained from the cookie. The function should reside in one of the eCommerce JS files.
Cheers,
-m

How to create a Document Set in SharePoint 2013 using JavaScript Client Side Object Model (JSOM)?

Hi,
The requirement is to create ""Document Sets in Bulk" using JSOM. I am using the following posts:-
http://blogs.msdn.com/b/mittals/archive/2013/04/03/how-to-create-a-document-set-in-sharepoint-2013-using-javascript-client-side-object-model-jsom.aspx
http://social.msdn.microsoft.com/Forums/sharepoint/en-US/1904cddb-850c-4425-8205-998bfaad07d7/create-document-set-using-ecma-script
But, when I am executing the code, I am getting error "Cannot read property 'DocumentSet' of undefined "..Please find
below my code. I am using Content editor web part and attached my JS file with that :-
<div>
<label>Enter the DocumentSet Name <input type="text" id="txtGetDocumentSetName" name="DocumentSetname"/> </label> </br>
<input type="button" id="btncreate" name="bcreateDocumentSet" value="Create Document Set" onclick="javascript:CreateDocumentSet()"/>
</div>
<script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"> </script>
<script type="text/javascript">
SP.SOD.executeFunc('sp.js','SP.ClientContext','SP.DocumentSet','SP.DocumentManagement.js',CreateDocumentSet);
// This function is called on click of the “Create Document Set” button.
var ctx;
var parentFolder;
var newDocSetName;
var docsetContentType;
function CreateDocumentSet() {
alert("In ClientContext");
var ctx = SP.ClientContext.get_current();
newDocSetName = $('#txtGetDocumentSetName').val();
var docSetContentTypeID = "0x0120D520";
alert("docSetContentTypeID:=" + docSetContentTypeID);
var web = ctx.get_web();
var list = web.get_lists().getByTitle('Current Documents');
ctx.load(list);
alert("List Loaded !!");
parentFolder = list.get_rootFolder();
ctx.load(parentFolder);
docsetContentType = web.get_contentTypes().getById(docSetContentTypeID);
ctx.load(docsetContentType);
alert("docsetContentType Loaded !!");
ctx.executeQueryAsync(onRequestSuccess, onRequestFail);
function onRequestSuccess() {
alert("In Success");
SP.DocumentSet.DocumentSet.create(ctx, parentFolder, newDocSetName, docsetContentType.get_id());
alert('Document Set creation successful');
// This function runs if the executeQueryAsync call fails.
function onRequestFail(sender, args) {
alert("Document Set creation failed" + + args.get_message());
Please help !!
Vipul Jain

Hello,
I have already tried your solution, however in that case I get the error - "UncaughtSys.ArgumentNullException: Sys.ArgumentNullException:
Value cannot be null.Parameter name: context"...
Also, I tried removing SP.SOD.executeFunc
from my code, but no success :(
Kindly suggest !!!
Vipul Jain

How to use the opportunity stub classes to retrieve the opportunity objects

Hello ,
I have downloaded WSDL file for opportunity and i have created the stub classes by using axis as WSDL to java. Can any body suggest me , how can i use those created stub classes to retrieve the opportunity objects ?.
Thanks,
--bdr_09
Edited by: bdr on Feb 3, 2009 1:54 AM

http://java.sun.com/j2ee/tutorial/1_3-fcs/doc/Tools8.html#63055

How to retrieve value of one column to other in Apex using Javascript

Hi all,
Can any one help me in solving this problem.
How to send a value from one column to another column using javascript in Apex. I heard that we can use onChange().
My requirement is,
I have a column(Varchar2) in form where i need to enter a value and the data need to be sent to another column(Number) when i press apply changes.
ex: if i enter a value say 1/3 or 1/4 or 1/3*1/6
the result should be entered in the other column.
Message was edited by:
Raman

Try something like
html_GetElement('P1_ITEM2').value = eval(html_GetElement('P1_ITEM1').value);

How to get List of SharePoint Groups to which Current Users belongs using Javascript ?

How to get List of SharePoint Groups to which Current Users belongs using JavaScript? Not JSOM

Here is the code that worked for me:
var userid= _spPageContextInfo.userId;
var requestUri = _spPageContextInfo.webAbsoluteUrl + '/_api/web/CurrentUser/Groups?$select=Id,Title';
alert(requestUri);
var requestHeaders = { "accept" : "application/json;odata=verbose" };
$.ajax({
url : requestUri,
contentType : "application/json;odata=verbose",
headers : requestHeaders,
success : onSuccess,
error : onError
function onSuccess(data, request){
var s='';
for (var i = 0; i < data.d.results.length; i++)
s +=data.d.results[i].Title+'\n';
alert(s);
function onError(error) {
alert("error");

How to get SharePoint Groups using Javascript in SP2013 ?

How to get SharePoint Groups using Javascript in SP2013 , not JSOM please

Here is the code that worked for me:
<script type="text/javascript">
var requestUri = _spPageContextInfo.webAbsoluteUrl + "/_api/web/sitegroups";
var requestHeaders = { "accept" : "application/json;odata=verbose" };
$.ajax({
url : requestUri,
contentType : "application/json;odata=verbose",
headers : requestHeaders,
success : onSuccess,
error : onError
function onSuccess(data, request){
var s='';
for (var i = 0; i < data.d.results.length; i++)
s +=data.d.results[i].LoginName+'\n';
alert(s);
function onError(error) {
alert("error");
</script>

Retrieving and Resetting textEdit Content Using JavaScript

I need to retrieve the content within a textEdit box using JavaScript, and then append a String to that content, and re-enter that content as the inner content of a textEdit box. Does anyone know how to do this?
I tried using jsObjectNeeded for textEdit, but it is an invalid parameter for that object. I also tried grabbing the ID in a round-about way in JavaScript using _1texteditor or _1htmlbeditor, but I get an "Object Expected" error everytime.
Here is the item I am working with, and within my JS method, I need to grab the text inside, append a string to it, and reset that new content as the text within the edit box.
<hbj:textEdit id="summaryBox"
   text="Add summary here."
   wrapping="SOFT"
   tooltip="Add summary here."
   rows="5"
   cols="70">
This is the content inside the box.
</hbj:textEdit>
Thanks in advance for your help...

Thank you for your help, guys, but neither suggestion solved my problem and I solved it on my own. You have to find the parameter ID through a line of Java, like Damian had mentioned about an ID, but I was looking for the value within the textEdit, not the ID.
In the JavaScript method, you set a variable to the Java variable, which found the parameter ID.
Then, using that JS variable, you do:
var blah = <%=javaParameterId%>;
var funcName = htmlb_formid+"_getHtmlbElementId";
func = window[funcName];
var textEditField = eval(htmlb_formid + "." + blah);
var wordsWithTexEdit = textEditField.value;
Thanks anyways...

How can I automatically close a dialog box using Javascript after I click the OK button to submit it?

How can I automatically close a dialog box using Javascript after I click the OK button to submit it? I don't want to have to X out of the dialog box after I am done.
Thanks
Linda

JS can not interact with open dialogs in any way, unless it's a dialog
created in JS using the Dialog object.
On Thu, Jul 24, 2014 at 11:13 PM, lindaeliseruble <[email protected]>

How to create new subsite while adding new item to the list by using javascript?

hi,
I hav a task ie, when I add item to the list then subsite will create with that list item title and description . So By using javascript, I have to create subsite while adding new item to the list.
Help me to solve this.
Thank you,

Is your item getting added through Javascript client object model ? If yes, you can write in the success delegate of your list creation method the logic to create the subsite.
function CreateListItem()
var clientContext = new SP.ClientContext.get_current();
var oList = clientContext.get_web().get_lists().getByTitle('List Name');
var itemCreateInfo = new SP.ListItemCreationInformation();
this.oListItem = oList.addItem(itemCreateInfo);
oListItem.set_item('Title', 'My New Item!');
oListItem.set_item('Body', 'Hello World!');
oListItem.update();
clientContext.load(oListItem);
clientContext.executeQueryAsync(Function.createDelegate(this, this.CreateListItemOnSuccess), Function.createDelegate(this, this.onQueryFailed));
function CreateListItemOnSuccess() {
var subsiteTitle = oListItem.get_item('Title');
//Logic to create a subsite
function onQueryFailed(sender, args) {
I have added a sample flow for the above scenario. Have a look at the following lnk for how you can craete a subsite using ecmascript.
http://ravisoftltd.wordpress.com/2013/03/06/sharepoint-2010-create-site-with-ecma-script-with/
Geetanjali Arora | My blogs |

AJAX retrieval using Javascript Object Notation (JSON) - How To

Similar Messages

Maybe you are looking for