2017-09-30 52 views
0

我想使用AJAX调用CS页面中的方法。如何使用AJAX从CS页面调用方法?

这里是我的设计代码:

<!-- Name --> 
<input type="text" name="name" id="name" required="required" class="form" placeholder="Name" /> 
<!-- Email --> 
<input type="email" name="mail" id="mail" required="required" class="form" placeholder="Email" /> 
<!-- Subject --> 
<input type="text" name="subject" id="subject" required="required" class="form" placeholder="Subject" /> 
<!-- Message --> 
<textarea name="message" id="message" class="form textarea" placeholder="Message"></textarea> 
<!-- Send Button --> 
<button type="button" id="submit" name="submit" class="form-btn semibold">Send Message</button> 

这里是AJAX

$(document).on("click", "#submit", function (e) { 
    $.ajax({ 
     type: "POST", 
     url: "OakscrollWebService.cs/SendMail", 
     dataType: "json", 
     data: JSON.stringify({ name: $('#name').val(), email: $('#mail').val(), subject: $('#subject').val(), message: $('#message').val() }), 
     contentType: "application/json; charset=utf-8", 
     success: function (data) { 
      alert(data.d); 
     }, 
     failure: function (data) { 
      alert("something went wrong"); 
      //console.log(msg); 
     } 
    }); 
}); 

现在,我想补充的asmx页(Web服务)。在那里我已经给App_Code文件夹中的CS文件提供了参考调用,这里是代码。

<%@ WebService Language="C#" CodeBehind="~/App_Code/OakscrollWebService.cs" Class="OakscrollWebService" %> 

这里从那里我想用AJAX调用的SendMail方法(代码我前面显示你),这里的CS文件是在CS文件的方法代码

[WebMethod] 
public static void SendMail(string name, string email, string subject, string message) 
{ 
    //Thread.Sleep(10000); 
    // Gmail Address from where you send the mail 
    var fromAddress = "[email protected]"; 
    // any address where the email will be sending 
    var toAddress = email.Trim(); 
    //Password of your gmail address 
    const string fromPassword = "*********"; 
    // Passing the values and make a email formate to display 
    string sub = subject.Trim(); 
    string body = "From: " + name.Trim() + "\n"; 
    body += "Email: " + email.Trim() + "\n"; 
    body += "Subject: " + subject.Trim() + "\n"; 
    body += "Message: \n" + message.Trim() + "\n"; 
    // smtp settings 
    var smtp = new System.Net.Mail.SmtpClient(); 
    { 
     smtp.Host = "smtp.gmail.com"; 
     smtp.Port = 587; 
     smtp.EnableSsl = true; 
     smtp.DeliveryMethod = System.Net.Mail.SmtpDeliveryMethod.Network; 
     smtp.Credentials = new NetworkCredential(fromAddress, fromPassword); 
     smtp.Timeout = 20000; 
    } 
    // Passing values to smtp object 
    smtp.Send(fromAddress, toAddress, sub, body); 
} 

这是内容我曾经通过ajax调用sendmail方法。但面临诸如“403禁用”和“500服务器未找到”等问题,无法使用AJAX调用sendmail方法。

+0

调试器是否在ajax调用上触发'SendMail' cs代码?检查一次。另外,在cs代码中加入一个'try {...} catch(){...}'来检查代码中是否有任何smtp或一般异常。 –

+0

没有sendmail方法没有得到调试。我把调试,但没有得到调用。 –

+0

你是怎么解决这个问题的? –

回答

0

您好我认为你需要改变你的URL的文件扩展.asmx,而不是.cs(改线url: "OakscrollWebService.cs/SendMail",url: "OakscrollWebService.asmx/SendMail",),因为当我测试了它,我得到一个404错误意味着页面没有被发现。您也可以使用JSONLint创建一个变量来检查您的JSON是否正确。

$(document).on("click", "#submit", function (e) { 
     var data = '{"name":"' + $('#name').val() + '", "email":"' + $('#mail').val() + '", "subject":"' + $('#subject').val() + '", "message":"' + $('#message').val() + '"}'; //Optional to check your JSON 
     $.ajax({ 
      type: "POST", 
      url: "OakscrollWebService.asmx/SendMail", 
      dataType: "json", 
      data: JSON.stringify({ name: $('#name').val(), email: $('#mail').val(), subject: $('#subject').val(), message: $('#message').val() }), 
      contentType: "application/json; charset=utf-8", 
      success: function (data) { 
       alert(data.d); 
      }, 
      failure: function (data) { 
       alert("something went wrong"); 
       //console.log(msg); 
      } 
     }); 
    }); 
    }); 

祝你好运!