Html SharePoint 365 REST API基本处理-将结果放入div?

Html SharePoint 365 REST API基本处理-将结果放入div?,html,api,rest,sharepoint,Html,Api,Rest,Sharepoint,这一切都很新鲜 作为一个学习练习,我尝试使用RESTAPI调用返回的结果更新SharePoint页面上的div id消息 我可以将我的查询url复制/粘贴到我的浏览器中,并得到一个结果,因此我无法想象这是问题所在,但当我嵌入以下脚本时,我似乎无法获得任何成功或失败 任何帮助都将不胜感激 <div id="message"></div> <input type="button" value="Get" onclick="doGet();" > <scri

这一切都很新鲜

作为一个学习练习,我尝试使用RESTAPI调用返回的结果更新SharePoint页面上的div id消息

我可以将我的查询url复制/粘贴到我的浏览器中,并得到一个结果,因此我无法想象这是问题所在,但当我嵌入以下脚本时,我似乎无法获得任何成功或失败

任何帮助都将不胜感激

<div id="message"></div>

<input type="button" value="Get" onclick="doGet();" >
<script>

function doGet()
  {

var call = jQuery.ajax({
        url: "https://X/sites/forms/_api/web/lists/getByTitle('Y')/items?$select=Z&$top=1",
        type: "GET",
        dataType: "json",
        headers: {
            Accept: "application/json;odata=verbose"
        }
    });

    call.done(function (data,textStatus, jqXHR) {
    alert("CallDone");
    var message = jQuery("#message");

    jQuery.each(data.d.results, function (index, item) {
    message.append("<br/>");
    message.append(item.Z);
    $get("message").innerHTML = item.Z;

    });
 });
    call.fail(function (jqXHR,textStatus,errorThrown){
    alert("Call failed");            
    alert("Error retrieving: " + errorThrown);  

    });

}


</script>

只需确保您正在正确调用SP REST服务:

<button id="button" type="button">Get Data</button>

$('#button').click(function (e) {
  e.preventDefault();
  doGet();
});

function doGet() {
var resultDiv = $('#message');
$.ajax({
    url: "https://X/sites/forms/_api/web/lists/getByTitle('Y')/items?$select=Z&$top=1",
    type: "GET",
    dataType: "json",
    headers: {
        Accept: "application/json;odata=verbose"
    },
    beforeSend: function () {
        console.info("Loading Data");
        resultDiv.empty();
        resultDiv.append(
            $('<p>', { class: 'bg-warning', text: 'Loading....' })
        );
    },
    success: function (data) {
        resultDiv.empty();
        $.each(data.value, function (index, value) {
            resultDiv.append(
                $('<p>', { class: 'bg-warning', text: value.YOURPROPERTY })
            );
        })
    },
    error: function (data) {
        console.error("Error retieving: " + data);
        resultDiv.empty();
        resultDiv.append(
            $('<p>', { class: 'bg-error', text: data })
        );
    }
});
}


希望这有帮助,如果有,请不要忘记将其标记为答案

您的警报是否在回调时被击中?谢谢您的回复。两个警报都没有。我想这让我更接近了。我必须先加载ajax,这是一个问题。现在我可以在success函数中获得控制台消息,但是我得到了这个错误uncaughttypeerror:cannotreadproperty'results'of undefined over the resultDiv.empty;你能分享这个网址吗?我可以帮你更多的忙吗?嗨,戴维德,我很高兴地报告,我已经成功了。出于某种原因,我需要使用data.value而不是data.d.results。我还发现了一段有用的代码$.getJSON,它帮助我取得了一些进展。您会在上面的代码中将data.d.results编辑为data.value吗?