Jquery(Ajax) 調用 SharePoint 2013 Search Rest API 並使用Josn反回結果並簡單顯示

時間 2019-11-26

標籤 jquery ajax 調用 sharepoint search rest api 並使 josn 結果簡單顯示欄目 JQuery 简体版

原文原文鏈接

Jquery(Ajax) 調用 SharePoint 2013 Search Rest API 並使用Josn反回結果並簡單顯示

分類專欄： SharePoint JavaScript

本文連接： https://blog.csdn.net/farawayplace613/article/details/8470834

Jquery(Ajax) 調用 SharePoint 2013 Search Rest API 並使用Josn反回結果並簡單顯示：javascript

SharePoint 2010 中使用的 search.asmxSOAPwebservice在SharePoint 2013中已經被標記爲過時，但爲了和老版本的Solution兼容仍是能夠用的。html

而替代search.asmx的技術爲SharePoint 2013 Search Rest API:java

http://blogs.msdn.com/b/nadeemis/archive/2012/08/24/sharepoint-2013-search-rest-api.aspxjquery

主要用於三方系統須要集成SharePoint 的 Enterprise Search 功能：web

queryajax	http://host/site/_api/search/queryjson	使用Get方式取得查詢結果,URL長度有限制api
postquery服務器	http://host/site/_api/search/postquery併發	使用Post方式取得查詢結果,能夠克服URL長度有限制
suggest	http://host/site/_api/search/suggest	使用Get 方式取得search suggestion(搜索建議)

本文將展現用Jquery(Ajax) 調用 SharePoint 2013 Search Rest API 並使用Josn反回結果並簡單顯示的代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script type="text/javascript" language="javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.8.0.js"></script>
<script type="text/javascript" language="javascript">
function StartSearch() {
resultDiv.style.dispaly = "none";
$( "#resultTable").empty();
// 顯示Loading data 圖片
loadingDataDiv.style.display = "block";
// 在搜索以前先要取到X-RequestDigest, 並使用Ajax request的Header 傳到服務器端，若是沒有X-RequestDigest 會出現 403 錯誤
$.ajax(
{
url: "http://host/_api/contextinfo",
type: "Post",
dataType: "xml",
contentType: "text/xml; charset=\"utf-8\"",
complete: ProcessDigest
});
}
var loadingDataDiv;
var resultDiv;
$( document).ready(function () {
loadingDataDiv = $( "#dataloadingDiv")[0];
resultDiv = $( "#searchResultDiv")[0];
// 開始要隱藏 Loading data 圖片
loadingDataDiv.style.display = "none";
resultDiv.style.dispaly = "none";
// 注意該句不加時，若Ajax跨站點訪問會出現「No Transport」 error
jQuery.support.cors = true;
});
// 處理http://host/_api/contextinfo 返回的結果(提取X-RequestDigest 併發送搜索請求至 SharePoint Search Rest API)
function ProcessDigest(xData, status) {
if (xData.status == 200) {
// Use the $.parseXML throw out unsupported pseudo, so use the beetleheaded way
// var xmlDoc = $.parseXML(xData.responseText.replace("d:", ""));
// $xml = $(xmlDoc);
// var xRequestDigest = $xml.find("FormDigestValue").text();
var xRequestDigest = xData.responseText.SubStringBetween("<d:FormDigestValue>", "</d:FormDigestValue>");
// 取用戶輸入搜索字符串
var queryText = $("#SearchText")[0].value;
// 發送搜索請求至 SharePoint Search Rest API
$.ajax(
{
url: "http://host/_api/search/postquery",
type: "Post",
dataType: "application/json;odata=verbose",
data: JSON.stringify({
'request': {
'Querytext': queryText,
'StartRow': 1,
'RowLimit': 8,
'SelectProperties': {
'results': ['Title', 'ContentSource', 'DisplayAuthor', 'Path']
},
'TrimDuplicates': true,
'Refiners': 'companies,contentclass,FileType(filter=6/0/*)',
'RefinementFilters': { 'results': ['filetype:equals("docx")'] }
}
}),
headers: {
"accept": "application/json;odata=verbose",
"content-type": "application/json;odata=verbose",
"X-RequestDigest": xRequestDigest
},
complete: ProcessSearchResult
});
}
else {
alert(status + xData.responseText);
loadingDataDiv.style.display = "none";
}
}
// 處理Search Rest API返回的數據，將其轉換成 Josn對象並顯示在表格中
function ProcessSearchResult(xData, status) {
if (xData.status == 200) {
// 隱藏 Loading data 圖片
loadingDataDiv.style.display = "none";
// 將搜索結果轉換成 Josn對象
var josnData = $.parseJSON(xData.responseText);
// 清空表格內容
$( "#resultTable").empty();
var row = "<tr><td>Title</td><td>ContentSource</td><td>DisplayAuthor</td><td>Path</td></tr>";
$( '#resultTable').append(row);
// 遍歷搜索結果並逐條插入表格
$.each(josnData.d.postquery.PrimaryQueryResult.RelevantResults.Table.Rows.results, function () {
var title;
var contentSource;
var displayAuthor;
var path
$.each( this.Cells.results, function () {
if (this.Key == "Title")
title = this.Value;
if (this.Key == "ContentSource")
contentSource = this.Value;
if (this.Key == "DisplayAuthor")
displayAuthor = this.Value;
if (this.Key == "Path")
path = this.Value;
});
row = '<tr><td>' + title + '</td><td>' + contentSource + '</td><td>' + displayAuthor + '</td><td>' + path + '</td></tr>';
$( '#resultTable').append(row);
});
// 顯示搜索結果
resultDiv.style.dispaly = "block";
}
else {
alert(status + xData.responseText);
loadingDataDiv.style.display = "none";
}
}
// String 方法擴展，因爲$.ParseXML方法報錯unsupported pseudo,因此採用分割字符串的笨方法來取FormDigestValue的值
String.prototype.SubStringBetween = function (prefix, suffix) {
var strArray = this.split(prefix);
var strArray1 = strArray[1].toString().split(suffix);
return strArray1[0];
};
</script>
</head>
<body>
<div id="inputDiv" >
<input id="SearchText" type="text"/>
<input id="Search" type="button" value="button" οnclick="StartSearch()" />
</div>
<div id="dataloadingDiv" >
<img src="Loading3.gif" />
</div>
<div id="searchResultDiv">
<table id="resultTable" border="1">
</table>
</div>
</body>
</html>