Rufen Sie einen web-Methode mit Hilfe von jQuery Ajax

Ich möchte erstellen Sie eine Autocomplete Feld für eine Suchfunktion. Ich habe versucht mit folgenden code.

Aber die web-Methode nicht Feuer, wenn die Autocomplete Funktion ist die Ausführung.
Was wird der Grund sein ?

Hier ist die jQuery-Funktion:

<script type="text/javascript">
    $(function () { $("#<%=tags.ClientID %>").autocomplete({
         source:function (request, response) {
         $.ajax ({
             type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "~/Services/AutoComplete.asmx/GetFarmersByName",
            data: "{ 'name' : '" + $("#<%=tags.ClientID %>").val() + "'}",
            dataType: "json",
            async: true,
            dataFilter: function (data) { return data; },
            success: function (data) {
                      response($(data.d, function (item) {
                                return            {
                                    value: item.AdrNm
                                }
                       }));
                     },
           error: function (XMLHttpRequest, textStatus, errorThrown) {
                            alert(textStatus);
                        }
                    });
                }

            });
        });
 </script>

Hier ist die web-Methode

    [WebMethod]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    public List<FMISPersonalDataViewByName_Result> GetFarmersByName(string name)
    {
        this._personalData = new personalData();
        int cky = 45;
        CdMa cdMas = new CdMa();
        cdMas = this._personalData.getcdMasByConcdCd2(cky, "AdrPreFix", true);
        int prefixKy = cdMas.CdKy;

        List<FMISPersonalDataViewByName_Result> list = new List<FMISPersonalDataViewByName_Result>();

        list = this._personalData.GetPersonalDataByName(prefixKy, cky, name);
        return list;
    }

Versuchen Sie, einschließlich der Verwendung dieses Attribut [WebInvoke(BodyStyle = WebMessageBodyStyle.Wrapped, Method = "POST", RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json)]
Der debugger erreichen AutoComplete.asmx ??
Über Ihre service-Klasse hinzufügen [System.Web.Script.Services.ScriptService]
Ich denke, dass web-Methoden müssen Statisch sein?

InformationsquelleAutor tishantha | 2013-07-04

Stellen Sie sicher, Sie trifft den webservice-Funktion, indem er breakpoint auf Ihre service-Funktion. Bitte ändern Sie Ihr Skript unter:

<script type="text/javascript">
    $(function () {
        $("#<%=tags.ClientID %>").autocomplete
        ({

            source:
            function (request, response) {
                $.ajax
                ({
                    url: " <%=ResolveUrl("~/Services/AutoComplete.asmx/GetFarmersByName") %>",

                    data: "{ 'name' : '" + $("#<%=tags.ClientID %>").val() + "'}",

                    dataType: "json",

                    type: "POST",

                    contentType: "application/json; charset=utf-8",                   

                    async: true,

                    dataFilter: function (data) { return data; },

                    success: function (data) 
                    {
                        response($(data.d, function (item) 
                        {
                            return
                            {
                                value: item.AdrNm
                            }
                        }));
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        alert(textStatus);
                    }
                });
            }

        });
    });
</script>

Danke für Eure Antworten. Ich habe versucht mit dem code. Aber immer noch die web-Methode keine Treffer.
Sind Sie immer Fehler in der browser-Konsole?
Nein. Es debuggt ohne Fehler.

InformationsquelleAutor Nilesh Thakkar

Vorausgesetzt tags wie deine textbox festlegen von Daten als { 'name': '" + request.term + "'}

$("#<%=tags.ClientID %>").autocomplete({
     source: function (request, response) {
         $.ajax({
             url: "Services/AutoComplete.asmx/GetFarmersByName",
             data: "{ 'name': '" + request.term + "'}",
             dataType: "json",
             type: "POST",
             contentType: "application/json; charset=utf-8",
             success: function (data) {
                 response($.map(data.d, function (item) {
                     return {
                         label: item.split('-')[0],
                         val: item.split('-')[1]
                     }
                 }))
             },
             error: function (response) {
                 alert(response.responseText);
             },
             failure: function (response) {
                 alert(response.responseText);
             },
         });
     },
     minLength: 0,
     focus: function () {
         //prevent value inserted on focus
         return false;
     },
 });

debug-on-Methode GetFarmersByName,

HINWEIS: Check haben Sie kommentieren Sie [System.Web.Script.Services.ScriptService] auf .asmx-Seite.

Danke für die Antwort. Trotzdem habe ich das gleiche problem. Ich habe setzen Sie Haltepunkte, um die web-Methode. aber es spielt keine Treffer.
haben Sie Hinzugefügt [System.Web.Script.Services.ScriptService] im ur asmx.cs

InformationsquelleAutor Satinder singh

Oben Ihre service-Klasse hinzufügen [System.Web.Script.Services.ScriptService]

Oder Sie können dies in einem asp.net Seite!

fügen Sie das Schlüsselwort "static" und ändern Sie den webservice zur ASP.NET Seite!

 public static string GetFarmersByName(string name)

Beispiel:

A. aspx:

  $.ajax({
                    type: "POST",
                    url: "A.aspx/GetSN",
                    data: {},
                    contentType: "application/json;charset=utf-8",
                    dataType: "json",
                    async:false,
                    success: function (json) {
                        var msg = JSON.parse(json.d);
                        sn = msg;
                    },
                    failure: function () {
                        alert("Sorry,there is a error!");
                    }
                });

Dann in Ihrer A. aspx.cs geben:

 [WebMethod]
        public static string GetSN()
        {
            Random RN = new Random();
            string year = DateTime.Now.ToString("yy").ToString();
            string MonAndDate = DateTime.Now.ToString("MMdd").ToString();
            string Hour = DateTime.Now.ToString("HHMMss").ToString() + DateTime.Now.Millisecond.ToString() + RN.Next(100, 900).ToString();
            string SerialNumber = year + MonAndDate + Hour;
            return JsonConvert.SerializeObject(SerialNumber);
        }

Danke für die Antwort. Ich habe versucht deinen code. Aber web Methode keine Treffer.
In meinen Projekten ist es kein problem.Wenn Sie tun, dass in asp.net Seite der GetFarmersByName Methode canot return Liste.Sie können nur Rückfahrt json-string .So ändern Sie 'List<FMISPersonalDataViewByName_Result>' string

InformationsquelleAutor user441222

Post wieder!!!!!

Test.aspx:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="jquery-1.9.0.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $("#Button1").bind("click",function(){
                $.ajax({
                    type: "POST",
                    url: "Test.asmx/GetFarmersByName",
                    data:"{'aaa':'zhangsan'}",
                    contentType: "application/json;charset=utf-8",
                    dataType: "json",
                    async: false,
                    success: function (json) {

                    },
                    failure: function () {
                        alert("Sorry,there is a error!");
                    }
                });
            })
        })

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="Button1" type="button" value="button" />
    </div>
    </form>
</body>
</html>

Test.asmx:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Script.Services;
using System.Web.Services;

namespace TestWebForm
{
    ///<summary>
    ///Summary description for Test
    ///</summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [System.ComponentModel.ToolboxItem(false)]
    //To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. 
    [System.Web.Script.Services.ScriptService]
    public class Test : System.Web.Services.WebService
    {

        [WebMethod]
        [ScriptMethod(UseHttpGet = false, ResponseFormat = ResponseFormat.Json)]
        public List<string> GetFarmersByName(string aaa)
        {
            List<string> list = new List<string>();
            list.Add(aaa);
            return list;
        }
    }
}

OP-deutlich zu erwähnen, dass webmethod ist nicht der hit, ich.e er nicht trifft .asmx-Seite, der vielleicht der client-Seite prblm während rufen .ajac oder JQuery-Bibliothek fehlen, Auch Ihr nicht auf den button klicken, als u in ur-code, Dessen JQuery Autocomplete

InformationsquelleAutor user441222

Fügen Sie diese Methode in der code-behind-Datei, wo Sie Sie diese Methode aufrufen. Ändern Sie die url zu url: "Test.aspx/GetFarmersByName" und dann zu testen. Es ist viel sauberer code dann eher Web-Service.

using System.Web.Script.Services;
[WebMethod]
[ScriptMethod(UseHttpGet = false, ResponseFormat = ResponseFormat.Json)]
public List<string> GetFarmersByName(string aaa)
{
    List<string> list = new List<string>();
    list.Add(aaa);
    return list;
}

InformationsquelleAutor moss

versuchen, diese -

<script type="text/javascript">
$(function () { $("#<%=tags.ClientID %>").autocomplete({
     source:function (request, response) {
     var obj = JSON.Stringfy("{ 'name' : '" + $("#<%=tags.ClientID %>").val() + "'}");
     $.ajax ({
         type: "POST",
        url: "~/Services/AutoComplete.asmx/GetFarmersByName",
        data: obj,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        async: true,
        dataFilter: function (data) { return data; },
        success: function (data) {
                  response($(data.d, function (item) {
                            return            {
                                value: item.AdrNm
                            }
                   }));
                 },
       error: function (XMLHttpRequest, textStatus, errorThrown) {
                        alert(textStatus);
                    }
                });
            }

        });
    });

und die webmethod-

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public List<FMISPersonalDataViewByName_Result> GetFarmersByName(string name)
{
    this._personalData = new personalData();
    int cky = 45;
    CdMa cdMas = new CdMa();
    cdMas = this._personalData.getcdMasByConcdCd2(cky, "AdrPreFix", true);
    int prefixKy = cdMas.CdKy;

    List<FMISPersonalDataViewByName_Result> list = new List<FMISPersonalDataViewByName_Result>();

    list = this._personalData.GetPersonalDataByName(prefixKy, cky, name);
    return list;
}

InformationsquelleAutor NiKhil Kutewalla

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.