Javascript: ดึงค่าไอเท็มจาก SP List

ก่อนที่จะอธิบายปัญหาของฉันฉันให้บริบทแก่คุณ

ฉันได้สร้างหน้าแรกที่จะแสดงข้อความ "Marquee" (ข้อความที่จะเลื่อนในแนวนอน)

ฉันต้องการแก้ไข "ข้อความกระโจม" จากหน้าอื่น ฉันได้สร้างหน้าอื่นที่มีพื้นที่ข้อความและปุ่ม เมื่อฉันเขียนข้อความและคลิกที่ปุ่มรายการจะถูกสร้างขึ้นในรายการชื่อ "MarqueeList"

รายการนั้นมีเพียงข้อความสุดท้ายที่เราสร้าง: สคริปต์ของฉันลบรายการทั้งหมดก่อนที่จะเพิ่มใหม่

ปัญหาของฉันคือฉันจะได้รับรายการข้อความนั้นโดยใช้สคริปต์จากหน้าที่มีปะรำและเก็บไว้ในตัวแปร

ฉันได้ลองใช้สคริปต์ต่างๆมากมาย แต่มันไม่ได้ผล

หากมีใครสามารถช่วยฉันหรือแนะนำวิธีที่ดีให้ฉัน?

ขอบคุณมาก

นี่คือรหัสของฉันกับ API REST:

function retrieveItem(){
$.ajax({ url : "<siteURL>/_api/web/lists/getbytitle('MarqueeMessage')/items?$orderby=ID desc&$top=1", type : "GET", data : data, headers: { "Accept": "application/json;odata=verbose", "Content-Type": "application/json;odata=verbose", "X-RequestDigest": $("#__REQUESTDIGEST").val(),  
        "IF-MATCH": "*",  
        "X-HTTP-Method": null  
    },  
    cache: false,  
    success : onSuccess,
    error : onError
});

function onSuccess(data){   
        var item = data.d.results;  
        var msg = item.Message;
        alert(msg);
}

function onError(error)  {  
    alert(JSON.stringify(error));
}    
}

คุณสามารถใช้ SharePoint REST API เพื่อรับข้อมูลในรายการและใช้ค่าของคอลัมน์เพื่อแสดงบนเพจ

จุดสิ้นสุด:

<siteURL>/_api/web/lists/getbytitle('List Name')/items

หากคุณต้องการรับรายการที่สร้างล่าสุด (รายการเดียว) คุณสามารถใช้:

<siteURL>/_api/web/lists/getbytitle('List Name')/items?$orderby=ID desc&$top=1

อ้างอิง :

1. การทำงานกับรายการและรายการด้วย REST
2. การดำเนินการ CRUD ในรายการโดยใช้ REST API Services ใน SharePoint 2013

อัปเดตจากความคิดเห็น :

คุณสามารถลองใช้รหัสด้านล่าง:

function retrieveItem() {
    $.ajax({ url : "<siteURL>/_api/web/lists/getbytitle('MarqueeMessage')/items?$orderby=ID desc&$top=1",
        type : "GET",
        headers: {  
            "Accept": "application/json;odata=verbose",  
            "Content-Type": "application/json;odata=verbose"
        },  
        cache: false,  
        success: function(data) {
            var listItems = data.d.results;
            if(listItems && listItems.length) {
                var msg = listItems[0].Message; // Here you need to use the internal name of your "Message" column
                console.log(msg);
            }
        },
        error: function(error) {  
            console.log(error);
        }
    });
}

มีโอกาสที่รายการจะอยู่ในโดเมนอื่นนอกเหนือจากหน้าที่มีปะรำหรือไม่?

หากเป็นเช่นนั้นคุณต้องเปลี่ยนวัตถุ "บริบท" และชี้ไปที่ไซต์ที่มีรายการ

สำหรับ Rest API:

var executor = new SP.RequestExecutor(appweburl);
executor.executeAsync(
  {
    url: appweburl +
          "/_api/SP.AppContextSite(@target)/web/lists?@target='" +
          hostweburl + "'",
    method: "GET",
    success: successHandler,
    error: errorHandler
  }
)

อ้างอิง: https://docs.microsoft.com/en-us/sharepoint/dev/sp-add-ins/complete-basic-operations-using-sharepoint-rest-endpoints

หากคุณใช้ JSOM:

$.getScript(scriptbase + "SP.RequestExecutor.js", execCrossDomainRequest);
});


// Initialize the RequestExecutor with the app web URL.
var executor = new SP.RequestExecutor(<app web url>);
// Illustrates how to use the executeAsync method.
// Function to prepare and issue the request to get
//  SharePoint data.
       function execCrossDomainRequest() {
   var executor;

       // Initialize the RequestExecutor with the app web URL.
       executor = new SP.RequestExecutor(appweburl);

       // Issue the call against the host web.
       // To get the title using REST we can hit the endpoint:
       //      app_web_url/_api/SP.AppContextSite(@target)/web/title?@target='siteUrl'
       // The response formats the data in the JSON format.
       // The functions successHandler and errorHandler attend the
       //      success and error events respectively.
       executor.executeAsync(
           {
               url:
                   appweburl +
                   "/_api/SP.AppContextSite(@target)/web/title?@target='" +
                   hostweburl + "'",
                   method: "GET",
                   headers: { "Accept": "application/json; odata=verbose" },
                   success: successHandler,
                   error: errorHandler
                }
            );
        }

       // Function to handle the success event.
       // Prints the host web's title to the page.
       function successHandler(data) {
           var jsonObject = JSON.parse(data.body);

           document.getElementById("HostwebTitle").innerHTML =
               "<b>" + jsonObject.d.Title + "</b>";
       }

       // Function to handle the error event.
       // Prints the error message to the page.
       function errorHandler(data, errorCode, errorMessage) {
           document.getElementById("HostwebTitle").innerText =
               "Could not complete cross-domain call: " + errorMessage;
       }

อ้างอิง: https://docs.microsoft.com/en-us/previous-versions/office/sharepoint-visio/dn735924(v%3Doffice.15)