How to Using jQuery to Send an Email with Web Services?

Question

Hello How to Using jQuery to Send Email with Web Services in .net and how to write code for email send in web service? Please help me. Thanks in advance Ankit Agarwal Software Engineer

nitesh bagdi · Answer

hello sanjeeb i got this error message please help Error2Could not create type 'WebService'.C:\Users\admin\Downloads\jquerymailusingwebservice\JqueryAutoComplete\WebService.asmx1

Sanjeeb Lenka · Answer

HI Ankit I am attaching the Working code in Html page with jQuery and webservice to send mail. just download it and open it in visual studio. Run the Html page and check.

Iftikar Hussain · Answer

are you getting any javascript message?

Ankit Agarwal · Answer

my service and my contact detail html form in the Website folder.

Sanjeeb Lenka · Answer

Hi Ankit is your service is inside the website or you created it separately.

Iftikar Hussain · Answer

are you getting any javascript alert message? Regards Iftikar

Ankit Agarwal · Answer

I am using this line of code:- var serviceurl =location.protocol + // + domain + /Website/SendingMailWebService.asmx/SendUserMail; my mail did not send.

Iftikar Hussain · Answer

modify the below line var serviceurl =location.protocol + // + domain + Website/SendingMailWebService.asmx/SendUserMail; to var serviceurl =location.protocol + // + domain + /Website/SendingMailWebService.asmx/SendUserMail; Regards Iftikar

Ankit Agarwal · Answer

I am using this code:- function SendMail() { var domain = location.host; var serviceurl =location.protocol + // + domain + Website/SendingMailWebService.asmx/SendUserMail; var name= $(#txtName).val(); var fromMailId= $(#txtEmail).val(); var message= $(#txtMessage).val(); $.ajax({ url: serviceurl data: { 'name': ' + name + ''fromMailId': ' + fromMailId+ ''message': ' + message+ ' } dataType: json type: POST contentType: application/json; charset=utf-8 success: AjaxSuccess error: function (xmlHttpRequest textStatus errorThrown) { alert(textStatus); alert(errorThrown); } }); with my html code:- Max charater length for Meassage is 500. style=font-size: x-small /> but it's not running sucessfully.

Sanjeeb Lenka · Answer

Hi ankit if you are doing it in Asp .net. i attached a sample above post just check that. if any problem reply.

Ankit Agarwal · Answer

web service is now running successfully now i will apply of this web service in my html form.

Sanjeeb Lenka · Answer

Good Ankit...... Happy coding.........

Iftikar Hussain · Answer

good. Regards Iftikar

Ankit Agarwal · Answer

Thanks It's running finally now. with gmail smtp.

Sanjeeb Lenka · Answer

sorry for the mistake. its mailbox.EnableSsl = true;

Ankit Agarwal · Answer

SmtpServer.EnableSsl = true; it's not coming in my code.

Iftikar Hussain · Answer

yes. install it and then try Regards Iftikar

Sanjeeb Lenka · Answer

put this line code for gmail: MailMessage mailMessage = new MailMessage(); mailMessage.From = new MailAddress(frmMailIdname); mailMessage.To.Add(my email id); mailMessage.Subject = Test Subject; mailMessage.IsBodyHtml = true; mailMessage.Body = message; SmtpClient mailbox = new SmtpClient(smtp.gmail.com); mailbox.Port = 587; mailbox.Credentials = new NetworkCredential(your user id your password); SmtpServer.EnableSsl = true; mailbox.Send(mailMessage); return true;

Ankit Agarwal · Answer

My SMTP is disabled i am not installing SMTP through my xp cd. Can it be reason for my error?

Iftikar Hussain · Answer

you may need to provide network credential for using smtp server Regards Iftikar

Ankit Agarwal · Answer

The SMTP server requires a secure connection or the client was not authenticated. The server response was: 5.7.0 Must issue a STARTTLS command first. x8sm14418136pbb.39 - gsmtp Here is an error coming with gmail smtp.

Sanjeeb Lenka · Answer

Are you trying gmail smtp or your own.

Ankit Agarwal · Answer

Mailbox unavailable. The server response was: relay not permitted Here was an error coming. when we write this code:- MailMessage mailMessage = new MailMessage(); mailMessage.From = new MailAddress(frmMailIdname); mailMessage.To.Add(toEmailID); mailMessage.Subject = Test Subject; mailMessage.IsBodyHtml = true; mailMessage.Body = message; SmtpClient mailbox = new SmtpClient(My smtp); mailbox.Send(mailMessage); return true; My SMTP is Correct.

Iftikar Hussain · Answer

I believe you have use correct server address in place of my smtp MailMessage mailMessage = new MailMessage(); mailMessage.From = new MailAddress(frmMailIdname); mailMessage.To.Add(my email id); mailMessage.Subject = Test Subject; mailMessage.IsBodyHtml = true; mailMessage.Body = message; SmtpClient mailbox = new SmtpClient(my smtp); mailbox.Port = my port number; mailbox.Credentials = new NetworkCredential(your user id your password); mailbox.Send(mailMessage); return true; Regards Iftikar

Sanjeeb Lenka · Answer

did you tried my attached sample above just try that. all code is written in that.

Iftikar Hussain · Answer

if you want to use gmail SMTP then try like this [WebMethod] public bool SendUserMail(string name string fromMailId string message) { MailMessage mailMessage = new MailMessage(); mailMessage.From = new MailAddress( fromMailId  name); mailMessage.To.Add( tomailid ); mailMessage.Subject = Test Subject; mailMessage.IsBodyHtml = true; mailMessage.Body = message; SmtpClient mailbox = new SmtpClient(smtp.gmail.com 587) ; mailbox.Credentials = new NetworkCredential( fromMailId   your gmail password ); mailbox.EnableSsl = true; mailbox.Send(mailMessage); return true; } Regards Iftikar

Ankit Agarwal · Answer

MailMessage mailMessage = new MailMessage(); mailMessage.From = new MailAddress(frmMailIdname); mailMessage.To.Add(my email id); mailMessage.Subject = Test Subject; mailMessage.IsBodyHtml = true; mailMessage.Body = message; SmtpClient mailbox = new SmtpClient(my smtp); mailbox.Port = my port number; mailbox.Send(mailMessage); return true; my smtp is correct i checked.

Sanjeeb Lenka · Answer

plz share your code. i will check that..

Iftikar Hussain · Answer

have you provided the correct smtp server details? Regards Iftikar

Ankit Agarwal · Answer

System.Net.Mail.SmtpException: Failure sending mail. ---> System.IO.IOException: Unable to read data from the transport connection: An existing connection was forcibly closed by the remote host. ---> System.Net.Sockets.SocketException: An existing connection was forcibly closed by the remote host Again error I am using our smtp details.

Sanjeeb Lenka · Answer

The userName and password settings refer to the credentials for connecting to the SMTP server . Make sure you don't confuse this with the username and password for the from or to address which is not relevant to the SMTP server. the sample is for gmail mailid to send mail to other

Ankit Agarwal · Answer

System.Net.Mail.SmtpFailedRecipientException: Mailbox unavailable. The server response was: relay not permitted Here was an error how resolve this error?

Sanjeeb Lenka · Answer

hi i am attaching a sample just check that.

Iftikar Hussain · Answer

to mail id is to whom your are sending the details. If you say it will be always static then in your webmethod change it [WebMethod] public bool SendUserMail(string name string fromMailId string message) { MailMessage mailMessage = new MailMessage(); mailMessage.From = new MailAddress( fromMailId  name); mailMessage.To.Add( tomailid ); mailMessage.Subject = Test Subject; mailMessage.IsBodyHtml = true; mailMessage.Body = message; SmtpClient mailbox = new SmtpClient(your smtp server details); mailbox.Send(mailMessage); return true; } in your script function SendMail() { var domain = location.host; var serviceurl =location.protocol + // + domain + /WebServices/ MailWebService .asmx/ SendUserMail ; var name= $(#txtName).val(); var fromMailId= $(#txtEmail).val(); var message= $(#txtMessage).val(); $.ajax({ url: serviceurl data: { ' name ': ' + name + '' fromMailId ': ' + fromMailId + ' ' message ': ' + message + ' } dataType: json type: POST contentType: application/json; charset=utf-8 success: AjaxSuccess error: function (xmlHttpRequest textStatus errorThrown) { alert(textStatus); alert(errorThrown); } }); Regards Iftikar

Ankit Agarwal · Answer

Thanks for this solution but buddy I want to write only frommailid and tomailid has to be static. Name:- Ankit Email:- ankit.of.agarwal@gmail.com Message:- Test SEND Suppose I clicked On SEND and then message send to another email id It should not be send to my ankit.of.agarwal@gmail.com. Msg sholud be send as it is like:- Name:- Ankit Email:- ankit.of.agarwal@gmail.com Message:- Test I am confusing that what is toMailID? it should be static and from mailid and name should be enter by user.

Iftikar Hussain · Answer

modify your web service like below [WebService(Namespace = http://tempuri.org/)] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] [ToolboxItem(false)] [ScriptService] public class MailWebService : WebService { [WebMethod] public bool SendUserMail(string name string toMailId string message) { MailMessage mailMessage = new MailMessage(); mailMessage.From = new MailAddress(from mail id name); mailMessage.To.Add(toMailId); mailMessage.Subject = Test Subject; mailMessage.IsBodyHtml = true; mailMessage.Body = message; SmtpClient mailbox = new SmtpClient(your smtp server details); mailbox.Send(mailMessage); return true; } } then in your html Send mail from HTML txtName  type=text id=txtName class=txt value=Name /> txtEmail  type=text id=txtEmail class=txt value=Email-ID /> txtMessage  type=text class=txt id=txtMessage value=Message maxlength=500 /> Max charater length for Meassage is 500. style=font-size: x-small onclick=javascript:SendMail(); /> function SendMail() { var domain = location.host; var serviceurl =location.protocol + // + domain + /WebServices/ MailWebService .asmx/ SendUserMail ; var name= $(#txtName).val(); var toMailId= $(#txtEmail).val(); var message= $(#txtMessage).val(); $.ajax({ url: serviceurl data: { ' name ': ' + name + '' toMailId ': ' + toMailId + ' ' message ': ' + message + ' } dataType: json type: POST contentType: application/json; charset=utf-8 success: AjaxSuccess error: function (xmlHttpRequest textStatus errorThrown) { alert(textStatus); alert(errorThrown); } }); } function AjaxSuccess(response) { var result = response.d; if( result ==true) { alert('mail sent'); } } Regards Iftikar

Ankit Agarwal · Answer

My Html code is:- Max charater length for Meassage is 500. style=font-size: x-small /> So How can we do with this html?

Iftikar Hussain · Answer

include jquery file in your reference Send mail from HTML function SendMail() { var domain = location.host; var serviceurl =location.protocol + // + domain + /WebServices/ MailWebService .asmx/ SendUserMail ; $.ajax({ url: serviceurl dataType: json type: POST contentType: application/json; charset=utf-8 success: AjaxSuccess error: function (xmlHttpRequest textStatus errorThrown) { alert(textStatus); alert(errorThrown); } }); } function AjaxSuccess(response) { } Regards Iftikar

Ankit Agarwal · Answer

How to use this code with jquery in html form?

Iftikar Hussain · Answer

you need to call SendUserMail from aspx using jquery Regards Iftikar

arjun singh chouhan · Answer

HOW to create send mail.aspnet

Iftikar Hussain · Answer

Hi Create a web method for sending mail like this using System.Net.Mail; [WebService(Namespace = http://tempuri.org/)] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] [ToolboxItem(false)] [ScriptService] public class MailWebService : WebService { [WebMethod] public void SendUserMail() { MailMessage mailMessage = new MailMessage(); mailMessage.From = new MailAddress(from mail id test user); mailMessage.To.Add(to mail id); mailMessage.Subject = Test Subject; mailMessage.IsBodyHtml = true; mailMessage.Body = Test Mail; SmtpClient mailbox = new SmtpClient(your smtp server details); mailbox.Send(mailMessage); } } Regards Iftikar

Ankit Agarwal · Answer

but buddy i need to web servie code also. I need to Mail.asmx page of this content. How to write email send code in web service?

Sanjeeb Lenka · Answer

hi Refer to this link: http://blog.image0.com/web-development/using-jquery-to-send-email-with-web-services/