Jquery Autocomplete with ASP.NET Issue

Question

I am using JqueryUI autocomplete widget with asp.net i create one class file that contain method that will return list of search result. and on aspx page i called all required jquery file. on Script part i write below code:

<script type="text/javascript">
    $(document).ready(function () {
        $("#txtSearch").autocomplete({
            source: function (request, response) {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "CommonOperation.cs/GetClientName",
                    data: "{'SearchVal':'" + document.getElementById('<%=txtSearch.ClientID%>').value + "'}",
                    dataType: "json",
                    success: function (data) {
                        response(data.d);
                    },
                    error: function (result) {
                        alert("Error......");
                    }
                });
            }
        });
    });
</script>

don't know what problem is their but when i run it always goes in Error part.

No error getting just display alert box with contain text "Error......" — Dharmin Gheewala, Jun 09 '17 at 13:23
Instead of alerting "Error......", why not alert the actual error? Also, press F12, go to Network, run your autocomplete, and you should see the problematic call highlighted in red. Clicking on it will tell you the request and the response. — Tyler Roper, Jun 09 '17 at 13:23
`error: function(jqXHR, textStatus, errorThrown) { console.log(textStatus, errorThrown); }` — palaѕн, Jun 09 '17 at 13:24
Is the url correct? `url: CommonOperation.cs/GetClientName,` — anmarti, Jun 09 '17 at 13:25
So any one can tell me how to use class file method in this??? — Dharmin Gheewala, Jun 09 '17 at 13:28
Think about it, is a .cs file something that is exposed as a "URL" ? No? Modify your code structure accordingly and call a web method. — mjw, Jun 09 '17 at 13:31
Are you using `GetClientName` as `WebMethod` in server side? — palaѕн, Jun 09 '17 at 13:31
@WeeZy you are doing it wrong. You must call a web method and not any random method in .cs file. Here is what you can do to debug this. First open the developer tools in your browser press F12 for this. Now with this tools window open reload your page. Now choose the `Network` tab in it and try the auto complete action. Now you should see all the requests that are sent to server. click on this request and it will give you complete details of the request, response etc etc.. You can choose the `preview` tab for seeing the regular asp.net yellow screen error. — Rajshekar Reddy, Jun 09 '17 at 13:35

score 1 · Answer 1 · answered Jun 09 '17 at 13:31

You can't put your web method in a class file, as the method itself needs to be web-accessible.

Move it to a standard ASPX page's code-behind, and use the .aspx link instead of .cs.

An alternative would simply be to use an .asmx, and attach your class to that instead. This answer provides some information on that:

You could use something like an asmx (ASP.Net web service) that exposes the webmethods. The file is basically just a markup place holder that points at a class file. Contents are just:

<%@ WebService Language="C#" CodeBehind="~/foo/MyClass.cs" Class="MyClass" %>

Then your class has to inherit from System.Web.Services.WebService and you should be good.

If you do an add file from Visual Studio and add a web service file you can get it to create all this for you.

score 0 · Answer 2 · answered Jun 09 '17 at 13:28

0

here url should be like this-> url:"CommonOperation.aspx/GetClientName",

answered Jun 09 '17 at 13:28

Hinal

35
7

but this is class file that i created for such common operation – Dharmin Gheewala Jun 09 '17 at 13:29

score -1 · Answer 3 · answered Jun 09 '17 at 17:46

-1

Done It Method will be static and declared as WebMethod and Call it from aspx.cs

answered Jun 09 '17 at 17:46

Dharmin Gheewala

79
2
9

Rather than posting your own answer to confirm that someone else's worked, you should just instead accept the original correct answer. – Tyler Roper Jun 09 '17 at 19:31

Jquery Autocomplete with ASP.NET Issue

3 Answers3