Unable to Call Web Services Method Using Jquery Ajax Call

Question

0.00/5 (No votes)

See more:

Hi,

I am trying to call a method from web service(.asmx) present in same solutions itself(I am using Visual Studio 2012 Web Express) using Jquery Ajax Calls, the control hitting the method and getting back to jquery call. Please tell what changes I need to make In web configue or in any place.

JavaScript

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
 <script type="text/javascript">
        $(document).ready(function () {
                  $("#btnUploadFile").click(function (e) {
                debugger;
                var filename=$("#<%=flUpload.ClientID%>").val();
              }
                $.ajax({
                    type: 'POST',
                    //data: "{'FileName': "+ filename +"}",
                    url: "UploadEmployee.asmx/Test",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (msg) {
                        alert(msg);
                    }
                });
            });
        });
    </script>

C#

using Sonata.Finance.BusinessObjects;
using Sonata.Finance.Services;
using System;
using System.Collections.Generic;
using System.Data;
using System.Data.OleDb;
using System.Globalization;
using System.IO;
using System.Linq;
using System.Web;
using System.Web.Script.Services;
using System.Web.Services;

namespace FinanceWebApplication.WebServices
{
    /// <summary>
    /// Summary description for UploadEmployee
    /// </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 UploadEmployee : System.Web.Services.WebService
    {

        [WebMethod]
        [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
        public string Test()
        {
            return "Hi";
        }
    }

}

Posted 30-Jul-14 21:34pm

santoshkumar413

Updated 31-Jul-14 5:37am

RaisKazi

v2

Add a Solution

Comments

Suresh Suthar 31-Jul-14 5:04am

Just read the documentation on the jQuery website. I think you need GET in the AJAX call.

santoshkumar413 31-Jul-14 5:11am

Hi,
I kept GET, but not working. Getting same problem,

I have modified and added on error with alert, I am getting alert error message as 500 Internal Server Error

$(document).ready(function () {
$("#btnUploadFile").click(function (e) { $.ajax({
type: 'POST',
url: "UploadEmployee.asmx/Test",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
alert(msg);
}
,
error: function (response) {
alert(response.status + " " + response.statusText);
}
});
});
});

Suresh Suthar 31-Jul-14 5:31am

Then debug your webservice you VS.

santoshkumar413 31-Jul-14 5:39am

Hi, Thanks for the reply...... if I debugg service its working fine, but when I call the service i am getting 500 Internal Server Error

santoshkumar413 31-Jul-14 6:00am

Hi,
Thanks for Reply I found solution I have added resolve url javascript method
var pageUrl = '<%=ResolveUrl("~/WebServices/UploadEmployee.asmx")%>', which is hitting my service.
Then the final Script is

$(document).ready(function () {
$("#btnUploadFile").click(function (e) {
var pageUrl = '<%=ResolveUrl("~/WebServices/UploadEmployee.asmx")%>'
$.ajax({
type: 'POST',
url: pageUrl + "/Test",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
alert(msg);
}
,
error: function (response) {
alert(response.status + " " + response.statusText);
}
});
});
});

RaisKazi 31-Jul-14 11:39am

I think, you should add this into the solution area and mark it as accepted answer.

ZurdoDev 31-Jul-14 10:06am

So, is this working now?

Sergey Alexandrovich Kryukov 31-Jul-14 14:04pm

If you are already using ASP.NET, why not using the Web service from the server side? .NET is much more adequate to such tasks. Besides, doing it in client side might be utterly unsafe.
—SA

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

**Jaimin H. Soni** · Answer 1 · 2014-08-06T21:04:00

Simply create webmethod in your codebehind file

C#

[WebMethod]
public string Test()
{
     return "Hi";
}

that webmethod in ajax.

$.ajax({
              type: 'POST',
             //data: "{'FileName': "+ filename +"}",
              url: "yourpage.aspx/Test",
              contentType: "application/json; charset=utf-8",
              dataType: "json",
              success: function (msg) {
                    alert(msg);
                  }
             });