ajax jquery autocomplete从asmx获取数据

时间:2016-05-12 15:12:03

标签: c# jquery ajax web-services asmx

我遇到了使用源.asmx文件的jQuery自动完成的重大问题 这是我的代码:

$("#enterprise_search").autocomplete({
    source: function (request, response) {
        $.ajax({
            url: "/Services/EnterprisePortal/wsGetFAQQuestions.asmx/GetQuestionsByWord",
            type: "GET",
            contentType: "application/json; charset=utf-8",
            data: "Word="+$('#enterprise_search').val(),
            dataType: "json",
            success: function (data) {
                console.log('Data recieved');
                response($.map(data.d, function () {
                    return {
                        label: item.Name + '(' + item.Value + ')',
                        value: item.Name
                    }
                }))
            },
            error: function (xhr, msg) {
                console.log('Database connect error: ' + msg);
            }
        });
    },
    minLength: 1,
    select: function (e, ui) {
        var result = item.Name;
        var answer = item.Value;
        $('#search-results').append('<p>' + result + ' : ' + answer + '</p>');
    },
    close: function () {
        $("#enterprise_search").val('');
    }
});

有一种c#或其他方法(该代码不是我的,只是为了让你看一看)

[WebMethod]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json, UseHttpGet = true)] //Specify return format. 
    public string GetQuestionsByWord(string Word)
    {
        //JavaScriptSerializer YourSerializer = new JavaScriptSerializer();
        //return YourSerializer.Serialize(FAQsCOL);


        Dictionary<string, string> FAQsCOL = clsFAQBLL.GetFAQCOLByWordInQuestionAnswer(Word);
        //Dictionary<string, string> ReturnLinks = FAQsCOL.ToDictionary(m => string.Format("{0}?{1}={2}", clsParameters.clsPages.ENTERPRISE_PORTAL_FAQs, clsParameters.clsQueryString.FAQ_ID, m.Key), m => m.Value);
        return JsonConvert.SerializeObject(FAQsCOL);
    }

    [WebMethod]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json, UseHttpGet = true)] //Specify return format.

    public string GetQuestionByQuestionId(int FAQId)
    {
        Linq.General.FAQ CurrentFAQ = clsFAQBLL.GetFAQByFAQId(FAQId);
        FAQ FAQ = new FAQ();
        if (CurrentFAQ != null)
        {
            FAQ = new FAQ(CurrentFAQ.Question, CurrentFAQ.Answer);
        }
        return JsonConvert.SerializeObject(FAQ);
    }

在所有这些之后我进入控制台(搜索'2'): jquery-2.1.4.min.js:2 Uncaught TypeError: Cannot use 'in' operator to search for 'length' in {"5":"שאלה - 17","11":"מהו הנוהל לגבי מתמחה אשר מנהלו מסרב לחתום על טופס ההרשמה לבחינה?","20":"מהו נוהל הזכאות לגשת לבחינות התמחות?"}

我试图将数据推入数组(搜索“1”),这就是外观:d : "{"2":"שאלה 2","3":"שאלה 2","4":"שאלה 2","11":"מהו הנוהל לגבי מתמחה אשר מנהלו מסרב לחתום על טופס ההרשמה לבחינה?","20":"מהו נוהל הזכאות לגשת לבחינות התמחות?"}"

任何人都可以帮我这个吗?我为这生病的事情浪费了很多时间 无法理解这是webservice或我的jquery函数中的错误还是什么

2 个答案:

答案 0 :(得分:0)

替换

data: "Word="+$('#enterprise_search').val(),

data: {"Word": $('#enterprise_search').val() },

答案 1 :(得分:0)

经过几个小时的思考后,我会给自己一个答案:

var searchValue = JSON.stringify($('#enterprise_search').val());

data: {Word:searchValue},

success: function (datas) {
            console.log('Data recieved: ' + datas.d);
            var data = JSON.parse(datas.d);
            $.each(data, function (index, value) {
                $('#search-results').append('p' + index + ': ' + value + '</p>');
            });
        }

希望帮助某人,因为我不是最好的,但应该是;)