How Retrieve Sharepoint List data using Jquery

javascript, jquery, sharepoint, sharepoint-2013

Solution

Did you check your URL that you have given to access the list.

url: "http://serverName/Lists/Temp/listsView.aspx",

In this URL if you are accessing the local machine then you have to give localhost in server name.

url: "http://localhost:80/Lists/Temp/listsView.aspx",

Try using this and let me know if it works or not.

Problem

I am trying to retrieve list data using Jquery. But I am getting the whole list Html page not the values from the List. Jquery Code is as follows ``` <script src="../_layouts/15/SharePointProject1/Scripts/jquery-1.3.2.js"></script> <script language = "javascript" type="text/javascript"> function GetAnnouncementData() { var soapPacket = "<soapenv:Envelope xmlns:soapenv='http://schemas.xmlsoap.org/soap/envelope/'> \ <soapenv:Body> \ <GetListItems xmlns='http://schemas.microsoft.com/sharepoint/soap/'> \ <listName>Temp</listName> \ <viewFields> \ <ViewFields> \ <FieldRef Name='Title' /> \ </ViewFields> \ </viewFields> \ </GetListItems> \ </soapenv:Body> \ </soapenv:Envelope>"; jQuery.ajax({ url: "http://serverName/Lists/Temp/listsView.aspx", type: "POST", dataType: "xml", data: soapPacket, complete: processResult, contentType: "text/xml; charset=\"utf-8\"" }); } function processResult(xData, status) { //jQuery(xData.responseXML).find("z\\:row").each(function () { // $("<li>" + $(this).attr("ows_Title") + "</li>").appendTo("#AnnouncementData"); //}); //alert($(this).attr("ows_Title")); alert(xData.responseText); //alert(status.toString()); document.getElementById("tarea").value = xData.responseText; document.getElementById("div1").innerHTML = xData.responseText; } $(document).ready(function () { GetAnnouncementData(); }); </script> ``` This code is giving me The list page not list data. I tried to get xml file in div tag so that I can view what it is returning me. It returns me the HTML page of that list. Please Help.

Original source