javascript - How to send additional parameters to success function in jquery ajax - Stack Overflow

admin管理员组

文章数量:1357405

I have the following Jquery code, I'm trying to display information in $('.cbs-List').HTML(divHTML); based on the region value. But in the success function, I can't read the value for the region, it states that

'data is undefined'

What is the correct form of passing parameters or values to the success function in this case?

$(document).ready(function() {      
    getSearchResultsREST('LA');
});

function getSearchResultsREST(region) {
    var querySA = 'ClientSiteType:ClientPortal* contentclass:STS_Site Region=LA';
    var queryDR = 'ClientSiteType:ClientPortal* contentclass:STS_Site Region=EM';

        if(region == 'LA') {
            var searchURL = _spPageContextInfo.webAbsoluteUrl + "/_api/search/query?queryText='" + querySA + "'";
        } else {
            var searchURL = _spPageContextInfo.webAbsoluteUrl + "/_api/search/query?queryText='" + queryDR + "'";
        }

        $.ajax({
            url: searchURL,
            method: "GET",
            headers: {
                "Accept": "application/json; odata=verbose"
            },
            contentType: "application/json; odata=verbose",
            success: SearchResultsOnSuccess(data, region),
            error: function(error) {
                $('#related-content-results').html(JSON.stringify(error));
            }
        });
    }

    function SearchResultsOnSuccess(data, region) {
        var results;
        var divHTML = '';

        if (data.d) {
            results = data.d.query.PrimaryQueryResult.RelevantResults.Table.Rows.results;

            if(results.length == 0) {
                $('#related-content-results').html('There is No data for the requested query on ' + _spPageContextInfo.webAbsoluteUrl);
            } else {
                for (i=0; i<results.length; i++) {
                    var item = results[i];
                    var itemCell = item.Cells;
                    var itemResults = itemCell.results;

                    // Get values for item result
                    var _title = getValueByKey("Title", itemResults);
                    var _path = getValueByKey("Path", itemResults);

                    divHTML += '<li><a href=' + _path + '>' + _title + '</li>';
                }

                // Display information based on region.

                $('.cbs-List').html(divHTML);

            }
        }
    }

I have the following Jquery code, I'm trying to display information in $('.cbs-List').HTML(divHTML); based on the region value. But in the success function, I can't read the value for the region, it states that

'data is undefined'

What is the correct form of passing parameters or values to the success function in this case?

$(document).ready(function() {      
    getSearchResultsREST('LA');
});

function getSearchResultsREST(region) {
    var querySA = 'ClientSiteType:ClientPortal* contentclass:STS_Site Region=LA';
    var queryDR = 'ClientSiteType:ClientPortal* contentclass:STS_Site Region=EM';

        if(region == 'LA') {
            var searchURL = _spPageContextInfo.webAbsoluteUrl + "/_api/search/query?queryText='" + querySA + "'";
        } else {
            var searchURL = _spPageContextInfo.webAbsoluteUrl + "/_api/search/query?queryText='" + queryDR + "'";
        }

        $.ajax({
            url: searchURL,
            method: "GET",
            headers: {
                "Accept": "application/json; odata=verbose"
            },
            contentType: "application/json; odata=verbose",
            success: SearchResultsOnSuccess(data, region),
            error: function(error) {
                $('#related-content-results').html(JSON.stringify(error));
            }
        });
    }

    function SearchResultsOnSuccess(data, region) {
        var results;
        var divHTML = '';

        if (data.d) {
            results = data.d.query.PrimaryQueryResult.RelevantResults.Table.Rows.results;

            if(results.length == 0) {
                $('#related-content-results').html('There is No data for the requested query on ' + _spPageContextInfo.webAbsoluteUrl);
            } else {
                for (i=0; i<results.length; i++) {
                    var item = results[i];
                    var itemCell = item.Cells;
                    var itemResults = itemCell.results;

                    // Get values for item result
                    var _title = getValueByKey("Title", itemResults);
                    var _path = getValueByKey("Path", itemResults);

                    divHTML += '<li><a href=' + _path + '>' + _title + '</li>';
                }

                // Display information based on region.

                $('.cbs-List').html(divHTML);

            }
        }
    }

• javascript
• jquery

Share Improve this question Follow edited Sep 12, 2018 at 4:23 Gaurav joshi 1,79911 gold badge1515 silver badges2828 bronze badges asked Sep 11, 2018 at 17:30 A MtzA Mtz 6511 silver badge66 bronze badges 3

• You have to urlencode your attributes: add encodeURIComponent(<your value with spaces and equals>) to searchURL instead of the value itself. – m4gic Commented Sep 11, 2018 at 17:36
• You meant if(region == 'LA') { var searchURL = encodeURIComponent(_spPageContextInfo.webAbsoluteUrl + "/_api/search/query?queryText='" + querySA + "'"); – A Mtz Commented Sep 11, 2018 at 17:45
• I put it into an aswer because of the formatting. – m4gic Commented Sep 11, 2018 at 17:56

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

You have 2 problems, and they're both easy to fix.

• There's no need to pass region into SearchResultsOnSuccess at all. you can already use it in there because it's defined at a higher scope.
• In the object you're passing to $.ajax, you're not setting SearchResultsOnSuccess as a callback, you're calling it.

Change the lines:

success: SearchResultsOnSuccess(data, region) => success: SearchResultsOnSuccess

function SearchResultsOnSuccess(data, region) { => function SearchResultsOnSuccess(data) {

and it should work fine.

Edit:

Here's a basic example of how you need to set this up

function search(region) {
    $.ajax({
        url: 'example.',
        method: 'GET',
        success: successCallback,
    });

    function successCallback(data) {
        console.log(data, region);
    }
}
search('LA');

You have to urlencode the value if it contains = or & or whitespace, or non-ASCII characters.

var querySA = encodeURIComponent('ClientSiteType:ClientPortal* contentclass:STS_Site Region=LA');
var queryDR = encodeURIComponent('ClientSiteType:ClientPortal* contentclass:STS_Site Region=EM');

    if(region == 'LA') {
        var searchURL = _spPageContextInfo.webAbsoluteUrl + "/_api/search/query?queryText=" + querySA;
    } else {
        var searchURL = _spPageContextInfo.webAbsoluteUrl + "/_api/search/query?queryText=" + queryDR;
    }

And normally you don't have to put your values between apostrophes.

I updated the answer, I hope you will understand me better.

Your problem is NOT the parameter passing IMHO but your server response. You should either:

• turn on the developer tools and check the XHR requests on the network tab, look for the /_api/search/query... requests and examine the response
• double check the server side logs/study your search service API documentation how to assemble a proper call
• use your favourite REST client and play around your service: send there queries and check the responses and check that it matches with your expectation
• last but not least, you can replace your ajax caller with this quick-and-great one:

$.ajax({
    url: searchURL,
    success: function (response) {
        $('#post').html(response.responseText);
    },
    error: function (jqXHR, exception) {
        var msg = '';
        if (jqXHR.status === 0) {
            msg = 'Not connect.\n Verify Network.';
        } else if (jqXHR.status == 404) {
            msg = 'Requested page not found. [404]';
        } else if (jqXHR.status == 500) {
            msg = 'Internal Server Error [500].';
        } else if (exception === 'parsererror') {
            msg = 'Requested JSON parse failed.';
        } else if (exception === 'timeout') {
            msg = 'Time out error.';
        } else if (exception === 'abort') {
            msg = 'Ajax request aborted.';
        } else {
            msg = 'Uncaught Error.\n' + jqXHR.responseText;
        }
        $('#post').html(msg);
    },
});

(of course you should have a <div id="post"><div> somewhere in your page)

Your success function IMHO would get your region if gets called, but it does not, and I hope using one or more of these techniques will help you to see clear.

If you are really sure that you get what you want, you can go furher with passing your second argument, as described here

本文标签： javascriptHow to send additional parameters to success function in jquery ajaxStack Overflow