Call ASP.NET web service method from JavaScript

Question

I have the web service:

[WebMethod]
public void SendMail(string _name, string _email, string _message)
{
    //Create Mail Message Object with content that you want to send with mail.
    MailMessage MyMailMessage = new MailMessage("[email protected]", "[email protected]", "This is the mail subject", "Just wanted to say Hello");

    MyMailMessage.IsBodyHtml = false;

    //Proper Authentication Details need to be passed when sending email from gmail
    NetworkCredential mailAuthentication = new NetworkCredential("[email protected]", "xxxxxxxxx");

    //Smtp Mail server of Gmail is "smpt.gmail.com" and it uses port no. 587
    //For different server like yahoo this details changes and you can
    //get it from respective server.
   SmtpClient mailClient = new SmtpClient("smtp.gmail.com", 587);

    //Enable SSL
    mailClient.EnableSsl = true;
    mailClient.UseDefaultCredentials = false;
    mailClient.Credentials = mailAuthentication;

    mailClient.Send(MyMailMessage);
}

and i have a html page. How can i call this function from my html page? (This function must send the message to email)

@Mr. Disappointment - I don't see this as a duplicate of THAT page. — Mark Schultheiss
– Mark Schultheiss, Commented Sep 1, 2011 at 12:55

Saeed Neamati · Accepted Answer · 2011-09-01 13:01:18Z

5

Use jQuery library. It makes ajax calls piece a cake. Then follow these items:

Add an HTML button to your page, so that people can start the ajax process by clicking it
Use jQuery to hook into the click event of that button (or span, or a div, or anything else)
Make sure you have ScriptService attribute on your web service (this attribute means that you can call your service from JavaScript)

Send items to your web service method

 $('#buttonId').click(function(){
     // Validating input
     $.ajax({
        type: 'POST',
        url: '/your-web-service-path.asmx/your-method-name',
        data: {} 
        dataType: 'json',
        contentType: 'application/json; charset=utf-8',
        success: function(r){},
        error: function(e){}
     });
});

Just note that you have to make a JSON object out of your parameters and the name of the JSON properties should match the name of the web service parameters. Also note that the return value of the web service would be available to you as r.d object passed to success callback of ajax call.

answered Sep 1, 2011 at 13:01

Saeed Neamati

35.9k42 gold badges140 silver badges192 bronze badges

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

3 Comments

Glebka Over a year ago

how can i post the parameters:(string _name, string _email, string _message) >?

Saeed Neamati Over a year ago

create this object: {string_name: 'value1', string_email: 'value2', string_message: 'value3'}.

Icarus Over a year ago

@_glebati: see where data:{}? You can put:data: {'_message':'hello world','_name':'john smith','_email':'[email protected]' }. The important thing is that your parameter names in the web service match the names on the data parameter on the javascript side and that the data parameter is valid JSON format.

Slavcho · Accepted Answer · 2011-09-01 12:55:59Z

0

If it's an aspx page, you can add a ScriptManager with EnablePageMethods="true"attribute, and then call PageMethods.sendMail(name, email, message, onSuccess, onFail);

answered Sep 1, 2011 at 12:55

Slavcho

3731 silver badge7 bronze badges

1 Comment

Glebka Over a year ago

it is simle html page with javascript

Bas Slagter · Accepted Answer · 2011-09-01 12:58:06Z

0

Maybe you want to take a look at jQuery's ajax capabilities.

answered Sep 1, 2011 at 12:58

Bas Slagter

9,9479 gold badges50 silver badges81 bronze badges

2 Comments

James Johnson Over a year ago

+1 because this is a valid answer, but you should provide a little more detail.

Tomer W Over a year ago

kind'a like saying "you might want to read .Net Web Services documentation @ msdn.microsoft.com/en-us/library/ms950421.aspx for more information.

Fabio Milheiro · Accepted Answer · 2011-09-01 13:57:18Z

0

You need to do something very important: Add the ScriptService attribute the class so that it can be called from a Javascript as in this example:

[ScriptService]
public class SimpleWebService : System.Web.Services.WebService 
{
    // ...
}

http://msdn.microsoft.com/en-us/library/system.web.script.services.scriptserviceattribute.aspx

edited Sep 1, 2011 at 13:57

answered Sep 1, 2011 at 13:11

Fabio Milheiro

8,54420 gold badges63 silver badges104 bronze badges

Comments

Sergei Glotov · Accepted Answer · 2012-04-26 08:37:40Z

0

You have to pass the three parameters from the cs code page, by calling like this way,

service.SendMail(name, email, message);

edited Apr 26, 2012 at 8:37

Sergei Glotov

20.4k11 gold badges87 silver badges100 bronze badges

answered Apr 26, 2012 at 5:18

srinivas jilla

91 bronze badge

Collectives™ on Stack Overflow

Call ASP.NET web service method from JavaScript

5 Answers 5

3 Comments

1 Comment

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

3 Comments

1 Comment

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related