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

Question

我有网络服务:

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

我有一个 html 页面。我怎样才能从我的 html 页面调用这个函数？ (此功能必须将消息发送到电子邮件)

Answer 1

使用 jQuery 库。它使 ajax 调用变得轻而易举。然后按照这些项目:

1. 在您的页面中添加一个 HTML 按钮，以便人们可以通过单击它来启动 ajax 进程
2. 使用 jQuery Hook 该按钮(或 span、div 或其他任何东西)的点击事件
3. 确保您的 Web 服务具有 ScriptService 属性(此属性意味着您可以从 JavaScript 调用您的服务)

4. 将项目发送到您的网络服务方法

    $('#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){}
        });
   });
   

请注意，您必须从参数中创建一个 JSON 对象，并且 JSON 属性的名称应与 Web 服务参数的名称相匹配。另请注意，Web 服务的返回值将作为 r.d 对象传递给 ajax 调用的成功回调。