Question

94

call ajax function in javascript

rated 0 times [ 100] [ 6] / answers: 1 / hits: 36919 / 11 Years ago, wed, april 10, 2013, 12:00:00

I want to call Ajax in javascript but it gives CallPageMethod undefined error. How to define it? and I'm newbie in Ajax. Can you help me?

<script type=text/javascript>    

    function ValidateDelete() {

        var result = CallPageMethod(IsLangExists, success, fail);



        if (result == true) { 

            return confirm('Do you want to continue ?')

        }

        else alert('You can not delete this record');

    }



    function success(response) {

        //alert(response.d);

    }



    function fail(response) {

        //alert(An error occurred.);

    }

</script>

<asp:GridView ID=grdList OnRowCommand=grdList_RowCommand>

    <Columns>

        <asp:BoundField DataField=LangId HeaderText=LangId Visible=false />            

        <asp:TemplateField HeaderText=Delete>

               <ItemTemplate>

                    <asp:ImageButton ID=imgBtnDelete runat=server CommandName=_Delete CommandArgument='<%#Eval(LangId)%>' ImageUrl=~/Image/delete_icon.gif OnClientClick=return ValidateDelete();

                            ToolTip=Delete />

              </ItemTemplate>

        </asp:TemplateField>

    </Columns>           

</asp:GridView>

code behind

[WebMethod]

public static bool IsLangExists()

{

    return true;

}

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

mira

Add To Favorites

Follow

Total Points: 460

Total Questions: 108

Total Answers: 99

Location: American Samoa

Member since Fri, Aug 26, 2022

2 Years ago

mira questions

1 Nodemon: app crashed waiting for file changes before starting... on Windows

Mon, Apr 4, 22, 00:00, 2 Years ago

1 Unhandled promise rejection: ReferenceError Can't find variable

Mon, Feb 14, 22, 00:00, 2 Years ago

1 momentjs datetime format on frontend with angular

Wed, Feb 9, 22, 00:00, 2 Years ago

1 How to check if element exists in DOM in Cypress?

Sun, Mar 28, 21, 00:00, 3 Years ago

1 How do I get the IP of a user in Nuxt's asyncData method?

Sat, Aug 3, 19, 00:00, 5 Years ago

View All

answered 11 Years ago rashawn · Accepted Answer

Is your CallPageMethod defined anywhere?

function CallPageMethod(methodName, onSuccess, onFail) {

    var args = '';

    var l = arguments.length;

    if (l > 3) {

        for (var i = 3; i < l - 1; i += 2) {

            if (args.length != 0) args += ',';

            args += '' + arguments[i] + ':' + arguments[i + 1] + '';

        }

    }

    var loc = window.location.href;

    loc = (loc.substr(loc.length - 1, 1) == /) ? loc + default.aspx : loc;

    $.ajax({

        type: POST,

        url: loc + / + methodName,

        data: { + args + },

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

        dataType: json,

        success: onSuccess,

        fail: onFail

    });

}

To get the return value of your server-side method, you will need to use the onSuccess callback, not by checking the value of result:

function ValidateDelete() {

    CallPageMethod(IsLangExists, success, fail);

}



function success(response) {

    if (response.d) { 

        return confirm('Do you want to continue ?');

    }



    alert('You can not delete this record');

}





function fail(response) {

    //alert(An error occurred.);

}

Here's how it should all look together:

<script type=text/javascript>



    function CallPageMethod(methodName, onSuccess, onFail) {

        var args = '';

        var l = arguments.length;

        if (l > 3) {

            for (var i = 3; i < l - 1; i += 2) {

                if (args.length != 0) args += ',';

                args += '' + arguments[i] + ':' + arguments[i + 1] + '';

            }

        }

        var loc = window.location.href;

        loc = (loc.substr(loc.length - 1, 1) == /) ? loc + default.aspx : loc;

        $.ajax({

            type: POST,

            url: loc + / + methodName,

            data: { + args + },

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

            dataType: json,

            success: onSuccess,

            fail: onFail

        });

    }  



    function ValidateDelete() {

        CallPageMethod(IsLangExists, success, fail);

    }



    function success(response) {

        if (response.d) { 

            return confirm('Do you want to continue ?');

        }



        alert('You can not delete this record');

    }



    function fail(response) {

        //alert(An error occurred.);

    }



</script>

<asp:GridView ID=grdList OnRowCommand=grdList_RowCommand>

    <Columns>

        <asp:BoundField DataField=LangId HeaderText=LangId Visible=false />            

        <asp:TemplateField HeaderText=Delete>

               <ItemTemplate>

                    <asp:ImageButton ID=imgBtnDelete runat=server CommandName=_Delete CommandArgument='<%#Eval(LangId)%>'

                            ImageUrl=~/Image/delete_icon.gif OnClientClick=return ValidateDelete();

                            ToolTip=Delete />

              </ItemTemplate>

        </asp:TemplateField>

    </Columns>           

</asp:GridView>