how to call webservice using Ajax with jquery?

Question

I'm using the following code to call the webservice by using jQuery ajax. But It doesn't work? The webservice return the value in JSON format. How can I access the webservice through this code?

<html>
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script>
    $(document).ready(function () {
        $('input[id^="button"]').click(function () {
            alert('You have clicked ' + $(this).val());
            $.ajax({
                type: 'Get',
                url: 'http://localhost:56789/xxx/Handler.ashx?key=yyy ',
                success: function (data) {
                    alert(data);
                }
            });

        })
    })
    </script>

     <body>
        <div id="Sample_Div">
            <input type="button" id="button1" value="button1" />
        </div>
    </body>
</html>

Am not getting any error at the same time am not getting result — user
– user, Commented Apr 23, 2012 at 12:25
Add type="text/javascript" to the script tag to get rid of that warning. Add the code for Handler.ashx. Is the request getting to your handler or is the handler not returning a valid response. — Kevin Junghans
– Kevin Junghans, Commented Apr 23, 2012 at 12:56
Handler give the response but I use the same URL in ajax i didn't get the value — user
– user, Commented Apr 23, 2012 at 13:03

Clyde · Accepted Answer · 2013-04-16 08:37:45Z

2

Maybe you can try this one.

 $.ajax({
        url: "../Services/Person.asmx/SavePersonById",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        type: "POST",
        data: '{ID:"00123"}',
        success: function (response) {
            //do whatever your thingy..
    }
});

Web Service Stuff:

[WebMethod]
public string SavePersonById(string ID)
    {
    //do some code here..
    dbContext.Save(ID,"Firstname","Lastnmae");
    return "Successfully Saved!";
    }

answered Apr 16, 2013 at 8:37

Clyde

7428 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

shoaib soudagar · Accepted Answer · 2017-10-07 16:52:00Z

0

You can try this:

$(document).ready(function () {
    $('#button').click(function () {
        $.ajax({
            type: "POST",
            url: "appWebservices/select.asmx/checkLogin",
            data: "{ ID:'" + $(this).val()+ "'}",
            contentType: "application/json;charset=utf-8",
            datatype: "json"
         });
     });
});

Write Web services as follow:

[WebMethod]
public string checkLogin(string ID)
{
    //Write your code here..
    //return value
}

know moredetails

edited Oct 7, 2017 at 16:52

answered Dec 9, 2016 at 12:08

shoaib soudagar

771 silver badge4 bronze badges

Collectives™ on Stack Overflow

how to call webservice using Ajax with jquery?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related