0

jqueryのオートコンプリート機能を使いたいです。データは、json 形式でデータを返す Web サービスから取得されます。しかし、関連付けられた texbox の出力は機能しません。完全なjson配列が表示されました。

ヒントをください。

私の WebService は次のようになります。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Script.Services;
using System.Web.Script.Serialization;
using System.Data.SqlClient;
using MySql.Data;
using MySql.Data.MySqlClient;
using System.Data;
using System.Configuration;

namespace WebApplication1
{
/// <summary>
/// Zusammenfassungsbeschreibung für WebService1
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]

[System.Web.Script.Services.ScriptService]

public class WebService1 : System.Web.Services.WebService
{

    [WebMethod]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    public string customer(string queryParam)
    {



 string conStr=
 ConfigurationManager.ConnectionStrings["mySql_classicmodels"].ConnectionString;

        MySqlConnection con = new MySqlConnection(conStr);
        MySqlCommand readCommand = new MySqlCommand("SELECT customerName, contactLastName, contactFirstName, phone   FROM customers where customerName like '%" + queryParam + "%'", con);
        MySqlDataAdapter adapter = new MySqlDataAdapter(readCommand);
        DataTable datatable = new DataTable();

        adapter.Fill(datatable);

        return DataTableToJSON(datatable);




    }

public static string DataTableToJSON(DataTable table)
{
List<Dictionary<string, object>> list = new List<Dictionary<string, object>>();

foreach (DataRow row in table.Rows)
{
    Dictionary<string, object> dict = new Dictionary<string, object>();

    foreach (DataColumn col in table.Columns)
    {
        dict[col.ColumnName] = row[col];
    }
    list.Add(dict);
}
JavaScriptSerializer serializer = new JavaScriptSerializer();
return serializer.Serialize(list);
}


}


}

私の ASP / JQuery コードは次のようになります。 

    $(document).ready(function () {
        $("#auto").autocomplete({
            source: function (request, response) {
                $.ajax({
                    type: "POST",
                    url: "Webservice1.asmx/customer",
                    dataType: "json",
                    data: '{ queryParam: "' + request.term + '" }',
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                        response($.map(data, function (item) {
                            return {
                                value:item

                            }
                        }));
                    },
                    minLength: 2,
                    error: function (xhr, ajaxOptions, thrownError) {
                        alert(xhr.status);
                        alert(thrownError);
                        alert(xhr.responseText);
                    }
                });
            }
        })
    })



</script>

私の結果はこれです：

[{"customerName":"Australian Collectors,  Co.","contactLastName":"Ferguson","contactFirstName":"Peter","phone":"03 9520 4555"},{"customerName":"Australian Gift Network, Co","contactLastName":"Calaghan","contactFirstName":"Ben","phone":"61-7-3844-6555"},{"customerName":"Australian Collectables, Ltd","contactLastName":"Clenahan","contactFirstName":"Sean","phone":"61-9-3844-6555"}]

何がうまくいかないのですか？

4

1 に答える 1

0

オブジェクト全体を値として設定しているためです。それは文字列であるべきだと思います。試す：

return { value: item.customerName };
于 2013-01-02T23:52:49.783 に答える