jquery ajax 发送邮件例子

                       <div class="form">
                        <dl>
                            <dt>您的称呼<small>(必填)</small></dt>
                            <dd><input id="name" type="text" name="name" class="formText" require></dd>
                        </dl>
                        <dl>
                            <dt>您的邮箱<small>(必填)</small></dt>
                            <dd><input id="email" type="text" name="email" class="formText" require></dd>
                        </dl>
                        <dl>
                            <dt>联系电话</dt>
                            <dd><input id="phone" type="text" name="phone" class="formText"></dd>
                        </dl>
                        <dl>
                            <dt>您的想法/意见<small>(必填)</small></dt>
                            <dd><textarea id="message" name="message" class="formText"></textarea></dd>
                        </dl>
                        <div class="formBtn" onclick="btnSend()">发送留言</div>
                        <script>
                            //提交数据
                            function btnSend() {
                                $("#txtMsg").text("");
                                var name = $("#name").val();//您的称呼
                                var email = $("#email").val();//您的邮箱
                                var phone = $("#phone").val();//联系电话
                                var message = $("#message").val();//您的想法

                                if (name.length == 0) {
                                    alert("称呼不能为空!");
                                    return;
                                }
                                if (email.length == 0) {
                                    alert("邮箱不能为空!");
                                    return;
                                }

                                var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9][email protected]([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
                                if (!myreg.test(email)) {
                                    alert(‘请输入有效的E_mail!‘);
                                    return;
                                }

                                if (message.length < 20) {
                                    alert("意见不能不能少于20个字符!");
                                    return;
                                }
                                $(".formBtn").val("正在发送,请稍等!");

                                var postData = "name=" + name + "&email=" + email + "&phone=" + phone + "&message=" + message;

                                //向后台发送处理数据
                                $.ajax({
                                    type: "POST", //用POST方式传输
                                    dataType: "text", //数据格式:JSON
                                    url: ‘/Email.ashx‘, //目标地址
                                    data: postData,
                                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                                        alert("发送失败,请联系在线客服!");
                                    },
                                    success: function (msg) {
                                        $(".formBtn").val("发送留言");
                                        alert(msg);
                                    }
                                });
                            }

                        </script>
                    </div>

Email.ashx

<%@ WebHandler Language="C#" Class="Email" %>

using System;
using System.Web;
using Ky.Common;

public class Email : IHttpHandler
{

    public void ProcessRequest(HttpContext context)
    {
        context.Response.ContentType = "text/plain";

        string name = KYRequest.GetFormString("name");//您的称呼
        string email = KYRequest.GetFormString("email");//您的邮箱
        string phone = KYRequest.GetFormString("phone");//联系电话
        string message = KYRequest.GetFormString("message");//您的想法

        if (string.IsNullOrEmpty(name))
        {
            context.Response.Write("您的称呼为空");
            return;
        }
        if (string.IsNullOrEmpty(email))
        {
            context.Response.Write("您的邮箱为空");
            return;
        }
        if (string.IsNullOrEmpty(message))
        {
            context.Response.Write("想法/意见为空");
            return;
        }
        string body = "时间:" + DateTime.Now + "<br>IP:" + KYRequest.GetIP() + "<br>称呼:" + name + "<br>邮箱:" + email + "<br>电话:" + phone + "<br>想法/意见:" + message;

        try
        {
            string wwwEmail = System.Configuration.ConfigurationManager.AppSettings["wwwEmail"].ToString();
            SendMail.Send(wwwEmail, "【邮件助手】您的网站收到留言" + DateTime.Now, body);
            context.Response.Write("发送成功,感谢您的支持。");
        }
        catch
        {
            context.Response.Write("Web.config未设置接收邮箱,发送失败");
        }
    }

    public bool IsReusable
    {
        get
        {
            return false;
        }
    }

}
时间: 2024-10-10 09:05:48

jquery ajax 发送邮件例子的相关文章

Jquery.ajax 详细解释 通过Http请求加载远程数据

首先请看一个Jquery.ajax的例子 $.ajax({ type: "GET", url: "/api/SearchApi/GetResults", dataType: "json", data:{ filter: "test", pageNumber: 1, pageSize: 5 }, success: function(data){ // do something }, complete: function(XMLH

ThinkPHP JQuery Ajax 的实现实例

ThinkPHP JQuery Ajax ThinkPHP 框架和客户端是完全分离的,没有任何的依赖,而服务端返回 ajaxReturn 方法也是通用的.在<ThinkPHP Ajax 使用详解及实例>一文中,讲述的是 ThinkAjax 类库结合 prototyep 和 mootools 来实现的 Ajax .事实上可以使用任何 Js 类库来实现 ThinkPHP Ajax ,本文就以 JQuery 来实现<ThinkPHP Ajax 使用详解及实例>一文中同样的功能. Js 类

jquery ajax例子

(1)取得服务端当前时间 jquery对象.load(url,sendData,function(backData,textStatus,xhr){... ...}) load():如果无参的话,就以GET方式发送 如果有参的话,就以POST方式发送 (2)检查注册用户名是否存在 $.get(url,sendData,function(backData,textStatus,xhr){... ...}) $.post(url,sendData,function(backData,textStat

php+jquery+ajax+json简单小例子

直接贴代码: Php代码: <html> <title>php+jquery+ajax+json简单小例子</title> <?php header("Content-Type:text/html;charset=utf-8"); ?> <head> <script type="text/javascript" src="http://code.jquery.com/jquery.min.j

Django1.7+JQuery+Ajax集成小例子

Ajax的出现让Web展现了更新的活力,基本所有的语言,都动态支持Ajax与起服务端进行通信,并在页面实现无刷新动态交互. 下面是散仙使用Django+Jquery+Ajax的方式来模拟实现了一个验证用户注册时,用户名存在不存在的一个小应用.注意,验证存在不存在使用的是Ajax的方式,不用让用户点击按钮验证是否存在. 截图如下: 页面HTML代码如下: <!DOCTYPE html> <html> <head lang="en"> <meta

jquery ajax请求后台 的简单例子

jQuery.ajax(url,[settings]) 概述 通过 HTTP 请求加载远程数据. jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象.大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性. 最简单的情况下,$.ajax()可以不带任何参数直接使用. 注意,所有的选项都可以通过$.ajaxSetup()函数来全局设置. 回调函数 如果要处理$.aja

jQuery - AJAX (来源于W3C)

jQuery - AJAX 简介 AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新. 什么是 AJAX? AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML). 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示. 使用 AJAX 的应用程序案例:谷歌地图.腾讯微博.优酷视频.人人网等等. 关于 jQuery 与 AJAX jQuery 提供多个与 AJAX 有

Jquery.ajax报parseerror Invalid JSON错误的原因和解决方法:不能解析

(默认: 自动判断 (xml 或 html)) 请求失败时调用时间.参数有以下三个:XMLHttpRequest 对象.错误信息.(可选)捕获的错误对象.如果发生了错误,错误信息(第二个参数)除了得到 null 之外,还可能是 "timeout" , "error" , "notmodified" 和 "parsererror" . error事件返回的第一个参数XMLHttpRequest有一些有用的信息: XMLHttpR

JQuery+ajax+jsonp 跨域访问

Jsonp(JSON with Padding)是资料格式 json 的一种“使用模式”,可以让网页从别的网域获取资料. 关于Jsonp更详细的资料请参考http://baike.baidu.com/view/2131174.htm,下面给出例子: 一.客户端 Html代码   <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.