asp.net webservice jquery文本框自动完成

时间:2017-04-01 17:48:48

标签: c# jquery asp.net web-services

我正在尝试实现jquery - 文本框自动完成功能。为此设置一个Web服务。

    [WebMethod]


    public List<Condition> GetCondition(string term)
    {


        List<Condition> listCondition = new List<Condition>();

        string cs = ConfigurationManager.ConnectionStrings["db5"].ConnectionString;
        using (SqlConnection con = new SqlConnection(cs))
        {
            SqlCommand cmd = new SqlCommand("spSelCondition", con);
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.Parameters.Add(new SqlParameter()
            {
                ParameterName = "@term",
                Value = term
            });
            con.Open();
            SqlDataReader rdr = cmd.ExecuteReader();
            while (rdr.Read())
            {
                listCondition.Add(new Condition { ConditionID = rdr["ConditionID"].ToString(), ConditionName = rdr["ConditionName"].ToString() });
            }
            return listCondition;
        }
    }

    public class Condition
    {
        public string ConditionName { get; set; }
        public string ConditionID { get; set; }
    }

WebService完美无缺。用jquery自动填充文本框来填充我写的这个javascript。

<script type="text/javascript">
            $(document).ready(function () {

                $('#txtCondition').autocomplete({
                    source: function (request, response) {
                        $.ajax({
                            url: 'ibs_ws.asmx/GetCondition',
                            method: 'post',
                            contentType: 'application/json;charset=utf-8',
                            data: JSON.stringify({ term: request.term }),
                            dataType: 'json',
                            success: function (data) {
                                response(data.d);


                            },
                            error: function (err) {
                                alert(err);
                            }
                        });
                    }

            });
        })</script>

当我访问web服务时,它将@term作为参数,并在xml formate中返回带有ConditionID和ConditionName的结果。但是在webform上,当我在文本框中输入任何内容时,它会以[object object]警告。

可能是什么问题。

- 谢谢&amp;此致

1 个答案:

答案 0 :(得分:0)

可能会对你有所帮助。试试这个

我认为你需要使用$ .map(data.d,function(value,key){})。这里是需要更新您的成功代码的示例,如下所示,您可以获得对象内的值。

success: function (data) {
                        response($.map(data.d, function (value, key) {
                            return {
                                ConID: value.ConditionID,
                                ConNAme: value.ConditionName,
                            }
                        }))
                    },

如你所说,你的服务返回conditionID和Name,所以我使用这些变量你可以完全匹配它返回的内容。