从JavaScript调用ASP.NET Web服务方法

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("gglebati@example.com", "gglebati@example.com", "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("myxxxxx@gmail.com", "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)

Answer 1

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 rd object passed to success callback of ajax call.

Answer 2

您必须通过cs代码页传递三个参数，方法是像这样调用：

service.SendMail(name, email, message);

Answer 3

如果是aspx页面，则可以添加具有EnablePageMethods =“ true”属性的ScriptManager，然后调用PageMethods.sendMail（name，email，message，onSuccess，onFail）;

Answer 4

也许您想看看jQuery的ajax功能。

Answer 5

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