Explore our sites

Stack Exchange
tour help
careers 2.0
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite
1

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)

share|improve this question
 
possible duplicate of $.ajax and webmethod/pagemethods –  Grant Thomas Sep 1 '11 at 12:52
 
Are you willing to add the jQuery library? –  Mark Schultheiss Sep 1 '11 at 12:54
1  
@Mr. Disappointment - I don't see this as a duplicate of THAT page. –  Mark Schultheiss Sep 1 '11 at 12:55
add comment

5 Answers

up vote 4 down vote accepted

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

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

  4. 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.

share|improve this answer
 
how can i post the parameters:(string _name, string _email, string _message) >? –  GLeBaTi Sep 1 '11 at 13:02
1  
create this object: {string_name: 'value1', string_email: 'value2', string_message: 'value3'}. –  Saeed Neamati Sep 1 '11 at 13:05
1  
@_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. –  Icarus Sep 1 '11 at 13:12
add comment
up vote 1 down vote

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

service.SendMail(name, email, message);
share|improve this answer
add comment
up vote 0 down vote

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);

share|improve this answer
 
it is simle html page with javascript –  GLeBaTi Sep 1 '11 at 12:58
add comment
up vote 0 down vote

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

share|improve this answer
1  
+1 because this is a valid answer, but you should provide a little more detail. –  James Johnson Sep 1 '11 at 13:19
add comment
up vote 0 down vote

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

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.