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

并且我有一个 html 页面。我如何从我的 html 页面调用这个函数？ （此功能必须将消息发送到电子邮件）

Answer 1

使用 jQuery 库。它使 ajax 调用变得小菜一碟。然后执行以下操作：

1. 将 HTML 按钮添加到您的页面，以便人们可以通过单击它来启动 ajax 进程
2. 使用 jQuery 挂钩该按钮（或 span、div 或其他任何内容）的单击事件
3. 确保您您的 Web 服务上有 ScriptService 属性（此属性意味着您可以从 JavaScript 调用您的服务）

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

    $('#buttonId').click(function(){
        // 验证输入
        $.ajax({
           类型：'发布'，
           url: '/your-web-service-path.asmx/your-method-name',
           数据： {} 
           数据类型：'json',
           内容类型：'应用程序/json；字符集=utf-8',
           成功：函数（r）{}，
           错误：函数(e){}
        });
   });
   

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

Answer 2

如果是aspx页面，可以添加一个EnablePageMethods="true"属性的ScriptManager，然后调用PageMethods.sendMail(name, email, message, onSuccess, onFail);

Answer 3

也许您想了解一下 jQuery 的 ajax 功能。

Answer 4

您需要做一些非常重要的事情：向类添加 ScriptService 属性，以便可以从 Javascript 调用它，如下例所示：

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

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

Answer 5

您必须从 cs 代码页传递三个参数，通过这样调用，

service.SendMail(name, email, message);