Asp.net Webform jquery ajax request not working

Question

I am creating a hospital ERP project for my office. I have already added some features. in this time I need jquery ajax request for my project. I'm trying more but I am not a success this webform. so I need help expert person. My Code Not working asp.net webform jquery ajax request.

Here is my code

[System.Web.Services.WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public Employee GetByEmployeeId(int Id)
{
    Employee employee = new Employee();
    return employee;
}

<script src="Scripts/jquery-2.2.4.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#saveButton').click(function () {
            debugger;
            $.ajax({
                type: 'POST',
                url: 'Test.aspx/GetByEmployeeId',
                data: '{Id: ' + 1 + '}',
                success: function (respons) {
                    debugger;
                    alert('ok');
                },
                error: function () {
                    alert('fail')
                }
            })
        })
    })
</script>


  <div class="form-group">
    <asp:Label runat="server" For="nametextBox">Name:</asp:Label>
    <asp:TextBox runat="server" ID="nametextBox" CssClass="form-control"> 
 </asp:TextBox>
</div>

<div class="form-group">
    <button type="submit" class="btn btn-primary" id="saveButton">Save</button>
</div>

I am trying this but not working

Make `GetByEmployeeId` as `static`. Read [here](https://stackoverflow.com/a/18463504/3793448) to why `WebMethod` are marcked as static — Izzy, Sep 13 '19 at 08:30
I’m aggree with @Izzy. Make your webmethod static and pass fields you need as parameter. — Kamil A., Sep 13 '19 at 10:19
You will also have to serialize object employee before returning it. — wazz, Sep 13 '19 at 10:26
use static and this jquery alert message show ok but this cs file method not hit — Md.Ziaul Talukder, Sep 13 '19 at 13:03

score 0 · Answer 1 · answered Sep 13 '19 at 12:27

0

use static keyword in your web service.

public static Employee GetByEmployeeId(int Id){
Employee employee = new Employee();
return employee;}

answered Sep 13 '19 at 12:27

Er Amit Kumar

26

use static and this jquery alert message show ok but this cs file method not hit – Md.Ziaul Talukder Sep 13 '19 at 13:03

score 0 · Answer 2 · answered Sep 14 '19 at 04:43

0

Use this after debugger and then test what the service returns and their are not any employee on id=1 which you are passing. Thats why it returns null or error. var res = JSON.stringify(response); var obj = JSON.parse(res);

answered Sep 14 '19 at 04:43

Er Amit Kumar

26

score 0 · Answer 3 · answered Sep 14 '19 at 08:42

First of all, make your method static as below:

public static Employee GetByEmployeeId(int Id)

to call a method using ajax you have to make the method static which is must.

then change button type from submit to button. secondly use:

$('#saveButton').on('click', function () {

instead of:

$('#saveButton').click(function () {

Asp.net Webform jquery ajax request not working

3 Answers3