calling function in the javascript written in webpage(.cs)

Question

I have function on .cs page

[System.Web.Services.WebMethod]
    public static string getdata()
{
    ProductBAL objbal = new ProductBAL(); // Calling class
    int i = 0;
    i = objbal.get_last_orderid(); //Select query
    i = i + 1;
    ProductDAL objdal = new ProductDAL(); // Calling class
    objdal.insert_new_orderid(i); //Insert query
    HttpCookie orderid = new HttpCookie("orderid");
    orderid.Value = "MP_" + Convert.ToString(i);
    Response.Cookies.Add(orderid);
    Response.Cookies["orderid"].Expires = DateTime.Now.AddHours(5);
    string abc=Convert.ToString(i);
    return abc;
}

My Html page code is

<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>calling function from .cs</title> 
<script language="javascript" type="text/javascript">    
    function Submit1_onclick() {        

        $.ajax({ type: "GET", url: "default.aspx/getdata()", success: function (data) { });

           alert("Done");        
    }
</script>
</head>

<body>
<form name="ecom" method="post" action="https://www.google.co.in/">
<input id="Submit1" type="submit" name="submit" runat="server" value="Submit" onclick="return Submit1_onclick()">
</form>
</body>

I am trying to call my web side function to client side on submit click. Am I missing something? Please give a demo from my above code

I think all web methods have to be static, make your web method like this public static string getdata(){ //rest of code} — Vishweshwar Kapse
– Vishweshwar Kapse, Commented Aug 27, 2013 at 7:14
@VishweshwarKapse i have made it static but still some thing is missing because its not working — Mitesh Jain
– Mitesh Jain, Commented Aug 27, 2013 at 7:19
Mitesh, How are you determining if the method is working or not? Your javascript based success code is blank and so is the failure code. — Kami
– Kami, Commented Aug 27, 2013 at 8:55
@Kami i am inserting some value in my table...and its not inserting due to this code — Mitesh Jain
– Mitesh Jain, Commented Aug 27, 2013 at 9:13

Suraj Singh · Accepted Answer · 2013-08-29 12:53:41Z

1

function Submit1_onclick() {
        // alert("Hello");
        $.ajax({
            type: "GET",
            url: 'demo.aspx/getdata',
            data: "{}",

            //"{character:'M'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(data) {
                alert(data.d);
                //alert("success");
                alert("This is ajax call:");
            },
            error: function() {
                //alert(Error);
                alert("something went wrong");
            }
        });
       // alert("Done");
    }



[WebMethod()] //U have to declare this method as a web method 
[ScriptMethod(UseHttpGet = true, ResponseFormat = ResponseFormat.Json)] 
public static string getdata() 
{

edited Aug 29, 2013 at 12:53

answered Aug 27, 2013 at 8:49

Suraj Singh

4,0871 gold badge23 silver badges37 bronze badges

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

9 Comments

Mitesh Jain Over a year ago

an alert box of hello is only coming

Mitesh Jain Over a year ago

Public static string GetData() should be changed to Public static string getdata()........and i had tried this but this time alert box of hello is also not showing

Suraj Singh Over a year ago

@MiteshJain I hope you are using GET method rather than POST so you have to allow your method to execute this using GET method .Check the attribute on on GetData function , i have updated it , sorry!!

Mitesh Jain Over a year ago

really its not working .can i have your email? I wanna give u my demo

Suraj Singh Over a year ago

@MiteshJain Well mitesh can you check your GetData function ? Create a simple function and test it i will give you a function check it please .Create a new page and put above code in it and check . and also put debug point on your GetData function and check if this function is being called or not .

|

S Philp · Accepted Answer · 2013-08-27 07:17:06Z

0

On your url try : "PageName.aspx/MethodName". Also check out this blog post by Dave Ward :

Using jQuery to directly call ASP.NET AJAX page methods

answered Aug 27, 2013 at 7:17

S Philp

4523 silver badges14 bronze badges

Comments

Ronak Patel · Accepted Answer · 2013-08-27 07:20:56Z

0

Below line is error prone. do not include "()" in url method name.

$.ajax({ type: "GET", url: "/getdata()", success: function (data) { });

Replace above line with

$.ajax({ type: "GET", url: "/getdata", success: function (data) { });

answered Aug 27, 2013 at 7:20

Ronak Patel

2,60219 silver badges20 bronze badges

3 Comments

Ronak Patel Over a year ago

Also make your webmethod static so that i can be called from client side

Mitesh Jain Over a year ago

I have tried using writting url:"default.aspx/getdata" and url:"getdata" but not working

Mitesh Jain Over a year ago

I dont no why i had written "success: function (data) { }" i just have copied from searching other type of question...is it necessary?

Vinay Pratap Singh Bhadauria · Accepted Answer · 2013-08-27 08:53:18Z

0

See the following working example

// Code behind method declared static

[WebMethod]
public static string GetSquare(String value)
{
    return "hello" + value;
}

your button whose click this has to be done

<input type="button" id="button" value="Chnageurl" onclick="ajaxcall()" />

script for this

<script type="text/jscript">

function ajaxcall(e) {

        $.ajax({
        type: "POST",
        url: "Default.aspx/GetSquare",
        contentType: "application/json; charset=utf-8",
        data: JSON.stringify({ value: "test" }),
        dataType: "json",
        success: function (value) {
        alert(value.d);
    },
   error: function () { alert("Ajax Error"); }
 });
};

answered Aug 27, 2013 at 8:53

Vinay Pratap Singh Bhadauria

9,9873 gold badges30 silver badges50 bronze badges

2 Comments

Vinay Pratap Singh Bhadauria Over a year ago

what error you are getting, i have given a working example after testing it.

Mitesh Jain Over a year ago

do i have to pass any thing in string value????..if not than it is not showing any thing on the button click

Kami · Accepted Answer · 2013-08-27 09:24:08Z

0

From your comments I have gathered that you are verifying if this method is working by checking for new entries in a database table. The data in the database could be missing for other reasons rather than the query. To verify, try a more simple web method, and go from there.

eg,

Html :

<input id="submit" type="submit" name="submit" value="Submit" onclick="return submitClick();" />

Javascript :

function submitClick() {
    $.ajax({
        type: "POST",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        url: "default.aspx/getdata",
        success: function (data) {
            console.log(data);
            alert("success" + data);
        },
        error: function () {
            alert("something went wrong");
        }
    });
    return false; // Note: the return false will prevent postback
}

C#

    [System.Web.Services.WebMethod]
    public static string getdata()
    {
        return "Hello World!";
    }

If you do not see a success response, then the problem is indeed with your javascript, or rather with the site setup which is somehow preventing callbacks from javascript.

If the method succeeds then it is likely that your database insertion script is raising an error and you should step through it to see that cause.

answered Aug 27, 2013 at 9:24

Kami

19.5k4 gold badges53 silver badges65 bronze badges

2 Comments

Kami Over a year ago

What is the error message? "not working" covers allot of ground. Please be more specific. The code is working and testing in my environment.

Mitesh Jain Over a year ago

actual on clicking of button non of the response is getting nor any error is showing. It seems to be that as i have only place a button and non of the code or any of the click event is placed on that button

Collectives™ on Stack Overflow

calling function in the javascript written in webpage(.cs)

5 Answers 5

9 Comments

Comments

3 Comments

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

9 Comments

Comments

3 Comments

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest