Setting Search Center URL in SharePoint 2013 using Javascript CSOM

Question

In SharePoint 2013, I am trying to access Search object through JavaScript CSOM.

I want to know the object which can give me the access to Search Settings under Site Settings. I tried looking under SP object but I didn't find any Search related object there.

My goal is to change the search Center URL through JavaScript CSOM.

Thanks in Advance!!!

Answer 1

Although there is currently no API in the JavaScript CSOM which lets you change the search center url directly, SharePoint stores the search settings in the Property Bag of the root SPWeb object in a sitecollection. You can set these property bag values and your search settings should get modified.

"SRCH_ENH_FTR_URL" – Search Center URL

"SRCH_SITE_DROPDOWN_MODE" – Search Scope Drop down option

"SRCH_TRAGET_RESULTS_PAGE” – Target Search Results page

Using JavaScript CSOM, you can set the values like this:

var ctx = new SP.ClientContext.get_current();
var web = ctx.get_site().get_rootWeb();
var props =  web.get_allProperties();

props.set_item("SRCH_ENH_FTR_URL","/sites/search/pages");
web.update();
ctx.load(web);

ctx.executeQueryAsync(function () {
    alert(props.get_item("SRCH_ENH_FTR_URL"));
 },
 function() {
  alert("failed");
});

Answer 2

Sorry for posting this as an answer, but I can't post replies yet, and this is really a reply as it does not provide an answer to the question, but rather a clarification to the answer by Vardhaman.

I tried Vardhamans code for getting the search setting without setting it, but it didn't work for me. It returned the error: "Uncaught Error: The property or field has not been initialized. It has not been requested or the request has not been executed. It may need to be explicitly requested."

By changing ctx.load(web) to ctx.load(props) I got it to work. Seems the real properties aren't accessible until you load the props. I also wrapped this in a SP.SOD.executeFunc which was needed for me.

SP.SOD.executeFunc('sp.js', 'SP.ClientContext', loadStuff);
function loadStuff(){
    var ctx = new SP.ClientContext.get_current();
    var web = ctx.get_site().get_rootWeb();
    var props =  web.get_allProperties();

    ctx.load(props);

    ctx.executeQueryAsync(function () {
        alert(props.get_item("SRCH_ENH_FTR_URL"));
    },
    function() {
        alert("failed");
    });
}

Hope this helps someone who got the same error as me, and excuse me for the new answer.

Answer 3

Apparantly this is different in my environment (SP2013 on prem, enterprice search center). I needed to set different properties to get things working.

SRCH_ENH_FTR_URL_SITE

SRCH_SB_SET_SITE

The extensions _SITE is not required. This makes it work for the entire site collection. Updating on the answer from Vardhaman Deshpande:

var ctx = new SP.ClientContext.get_current();
var web = ctx.get_site().get_rootWeb();
var props =  web.get_allProperties();

props.set_item("SRCH_ENH_FTR_URL_SITE", "/sites/search/pages");
props.set_item("SRCH_SB_SET_SITE", '{"Inherit":false,"ResultsPageAddress":"/sites/search/pages/results.aspx","ShowNavigation":false}');
web.update();
ctx.load(web);

ctx.executeQueryAsync(function () {
    console.log(props.get_item("SRCH_ENH_FTR_URL_SITE"));
    console.log(props.get_item("SRCH_SB_SET_SITE"));
 },
 function() { console.log("failed"); });