如何在jquery ajax中向成功函数发送附加参数

Question

我有以下 Jquery 代码，我正在尝试根据区域值在 $('.cbs-List').HTML(divHTML); 中显示信息。但是在成功函数中，我无法读取该区域的值，它指出

'数据未定义'

在这种情况下，将参数或值传递给成功函数的正确形式是什么？

$(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);

            }
        }
    }

Answer 1

您有 2 个问题，它们都很容易解决。

• 根本不需要将region 传递给SearchResultsOnSuccess。您已经可以在那里使用它，因为它是在更高的范围内定义的。
• 在您传递给$.ajax 的对象中，您没有将SearchResultsOnSuccess 设置为回调，而是在调用它。

换行：

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

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

它应该可以正常工作。

编辑：

这是一个基本示例，说明您需要如何设置

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

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

Answer 2

如果值包含 = 或 & 或空格或非 ASCII 字符，则必须对其进行 urlencode。

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;
    }

通常您不必将值放在撇号之间。

我更新了答案，希望你能更了解我。

您的问题不是传递恕我直言的参数，而是您的服务器响应。 您应该：

• 打开开发者工具并检查网络选项卡上的 XHR 请求，查找 /_api/search/query... 请求并检查响应
• 仔细检查服务器端日志/研究您的搜索服务 API 文档如何组装正确的调用
• 使用您最喜欢的 REST 客户端并使用您的服务：向那里发送查询并检查响应并检查它是否符合您的期望
• 最后但同样重要的是，您可以将 ajax 调用者替换为 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);
    },
});

（当然，您的页面中应该有<div id="post"><div>）

如果被调用，恕我直言，您的成功函数会获取您的区域，但它不会，我希望使用这些技术中的一种或多种可以帮助您看清。

如果你真的确定你得到了你想要的，你可以进一步传递你的第二个参数，如here所描述的那样