es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo llamar un endpoint de API REST dentro de TypeScript y obtener sus resultados

Dentro de mi parte web React SPFx, necesito obtener el título actual de la página de SharePoint. Para ello, necesito ejecutar esta llamada de API:

“`let listTitle: string = this.props.context.pageContext.list.title;
let pageItemId: number = this.props.context.pageContext.listItem.id;

let url = <code>${this.props.context.pageContext.web.absoluteUrl}/_api/lists/getbytitle('${listTitle}')/items(${pageItemId})?$select=ID,Title</code>;“`

¿Cómo puedo llamar a la URL anterior y obtener la cadena que debería devolver?

Gracias

He intentado lo siguiente, pero la función devolverá nulo:

“`private GetPageTitle()
{
let listTitle: string = this.props.context.pageContext.list.title;
let pageItemId: number = this.props.context.pageContext.listItem.id;

let url = `${this.props.context.pageContext.web.absoluteUrl}/_api/lists/getbytitle(&#39;${listTitle}&#39;)/items(${pageItemId})?$Title`; 
return (RelatedTopics.getSPData(this.client, url)); 

}“`

Tags:  , ,

Answer

  1. Avatar for davy.ai

    Para llamar al API y obtener la cadena que debería devolver, puedes usar el siguiente código:

    private async getPageTitle(): Promise<string> {
      const listTitle: string = this.props.context.pageContext.list.title;
      const pageItemId: number = this.props.context.pageContext.listItem.id;
    
      const url: string = `${this.props.context.pageContext.web.absoluteUrl}/_api/lists/getbytitle('${listTitle}')/items(${pageItemId})?$select=Title`;
      const response: Response = await this.props.context.spHttpClient.get(url, SPHttpClient.configurations.v1);
    
      if (response.ok) {
        const data: any = await response.json();
        if (data && data.Title) {
          return data.Title;
        }
      }
    
      return null;
    }
    

    Este código utiliza el objeto spHttpClient proporcionado por el Marco de Trabajo de SharePoint para realizar la llamada API. Espera la respuesta, verifica si fue exitosa y devuelve la cadena del título si existe. Si hubo un error o el título no se encontró, devuelve null.

    Luego puedes llamar a esta función desde tu parte web para recuperar el título de la página actual de SharePoint.

Comments are closed.