使用 ajax 从 javascript 调用 Web Service .asmx答案

【问题标题】：Calling Web Service .asmx from javascript using ajax使用 ajax 从 javascript 调用 Web Service .asmx
【发布时间】：2018-01-11 01:38:45
【问题描述】：

我已经在一个 asp.net 网络应用程序中实现了一个弹出窗口，它允许用户选择一些东西并生成一个电子邮件模板。完成所有必填字段后，用户通过单击按钮发送电子邮件。

此按钮调用一个 javascript 函数，我在其中收集所有用户输入数据，例如来自、至、主题、正文，并希望将此数据发送到我创建的将发送邮件的 Web 服务。

我不想使用mailto，所以我使用了网络服务。

问题是我无法发送数据：

$.ajax({
            type: 'POST',
            url: "Services/MailService.asmx/SendMail",
            dataType: "json",
            contentType: 'application/json; charset=utf-8',
            data: { 'loginName': "'" + loginName + "'", 'fromAddress': "'" + fromAddress + "'", 'toAddress': "'" + toAddress + "'", 'mailSubject': "'" + mailSubject + "'", 'mailBody': "'" + mailBody + "'"},
            success: function ()
            {
                alert("The email was sent successfully!");
            },
            error: function(data)
            {
                alert("An error occurred while trying to send the email. " + data.responseText);
            }
        });

我知道我在 data 属性中插入的内容是错误的。我尝试了以下方法（一次一个）：

data: JSON.stringify({ 'loginName': loginName, 'fromAddress': fromAddress, 'toAddress': toAddress, 'mailSubject': mailSubject, 'mailBody': mailBody }),
data: { 'loginName': loginName, 'fromAddress': fromAddress, 'toAddress': toAddress, 'mailSubject': mailSubject, 'mailBody': mailBody },
data: { loginName: loginName, fromAddress: fromAddress, toAddress: toAddress, mailSubject: mailSubject, mailBody: mailBody },
data: "{ 'loginName': '" + loginName + "', 'fromAddress': '" + fromAddress + "', 'toAddress': '" + toAddress + "', 'maliSubject': '" + mailSubject + "', 'mailBody': '" + mailBody + "' }",

所有这些选项都给我以下错误：

An error occurred while trying to send the email. {"Message":"Invalid web service call, missing value for parameter: \u0027mailBbody\u0027.","StackTrace":"   at System.Web.Script.Services.WebServiceMethodData.CallMethod(Object target, IDictionary`2 parameters)\r\n   at System.Web.Script.Services.RestHandler.InvokeMethod(HttpContext context, WebServiceMethodData methodData, IDictionary`2 rawParams)\r\n   at System.Web.Script.Services.RestHandler.ExecuteWebServiceCall(HttpContext context, WebServiceMethodData methodData)","ExceptionType":"System.InvalidOperationException"}

或

An error occurred while trying to send the email. {"Message":"Invalid JSON primitive: loginName.","StackTrace":"   at System.Web.Script.Serialization.JavaScriptObjectDeserializer.DeserializePrimitiveObject()\r\n   at System.Web.Script.Serialization.JavaScriptObjectDeserializer.DeserializeInternal(Int32 depth)\r\n   at System.Web.Script.Serialization.JavaScriptObjectDeserializer.BasicDeserialize(String input, Int32 depthLimit, JavaScriptSerializer serializer)\r\n   at System.Web.Script.Serialization.JavaScriptSerializer.Deserialize[T](String input)\r\n   at System.Web.Script.Services.RestHandler.ExecuteWebServiceCall(HttpContext context, WebServiceMethodData methodData)","ExceptionType":"System.ArgumentException"}

我不明白我做错了什么。

Web 服务如下所示：

[System.Web.Script.Services.ScriptService]
public class WebService1 : System.Web.Services.WebService
{
    [WebMethod]
    public void SendMail(string loginName, string fromAddress, string toAddress, string mailSubject, string mailBody)
    {
        MailMessage mailMsg = new MailMessage(fromAddress, toAddress);
        mailMsg.Subject = mailSubject;
        mailMsg.Body = mailBody;

        string pathToCreate = "~/Upload/" + loginName + "/";
        if (Directory.Exists(Server.MapPath(pathToCreate)))
        {
            if (Directory.GetFiles(Server.MapPath(pathToCreate)).Length > 0)
            {
                string[] attachedFiles = Directory.GetFiles(Server.MapPath(pathToCreate));
                foreach (string a in attachedFiles)
                {
                    Attachment data = new Attachment(a);
                    mailMsg.Attachments.Add(data);
                }
            }
        }

        SmtpClient smtp = new SmtpClient();
        smtp.Send(mailMsg);
    }
}

请与我分享我能做些什么来解决这个问题。

谢谢！

【问题讨论】：

标签： javascript jquery asp.net ajax web-services

【解决方案1】：

我能够通过以下方式成功发送数据：

data: '{loginName:' + JSON.stringify(loginName) + ', fromAddress:' + JSON.stringify(fromAddress) + ', toAddress:' + JSON.stringify(toAddress) + ', mailSubject:' + JSON.stringify(mailSubject) + ', mailBody:' + JSON.stringify(mailBody) + '}',

我不知道这是否是正确的方法，但它正在工作。

【讨论】：