JavaScript 在 HTML 电子邮件模板中不起作用答案

【问题标题】：JavaScript does not work in HTML email templatesJavaScript 在 HTML 电子邮件模板中不起作用
【发布时间】：2019-02-18 08:53:24
【问题描述】：

我需要使用 PHP 发送电子邮件，这可以使用 SMTP 轻松完成，但挑战是在 HTML 邮件中嵌入 Web 服务，这就是我在邮件正文中使用 JavaScript 访问 Web 的原因触发按钮单击时的服务。

【问题讨论】：

可以使用AJAX调用...
没有通过 Ajax 发送的表单，但它是 HTML5 plagin dom jquery 示例
10

$("#menu_plus1").click(function(){ $calcule = 9.9 * 5; $("#result1").html($calcule); $totale = $("#result1" ).html($calcule); });
分享你的代码
在电子邮件模板中添加 Javascript 是一种不好的做法。 here
如何在 jquery 中计算和给出项目函数？

标签： javascript php gmail

【解决方案1】：

        <div class="container">
            <div class="row">

                <div class="col-lg-5 " >
                    <div class="shadow bg-white stick-to-content mb-4">

                        <div class="bg-dark dark p-4"><h5 class="mb-0">Votre commande</h5></div>


                        <div id="mainDiv">
                        <div class="bg-dark dark p-4 hide"><h5 class="mb-0">Son commande</h5></div>
                        <table class="table-cart" id="table-cart">
                            <!-- Contenu du cart list (liste de meal) -->

                               <!--  content code jquery -->
                        </table>

                        <div class="cart-summary">
                            <div class="row">
                                <div class="col-7 text-right text-muted">Order total:</div>
                                <div class="col-5"><strong class="orderTotal"></strong></div>
                            </div>
                            <div class="row devlieryHide">
                                <div class="col-7 text-right text-muted">Devliery:</div>
                                <div class="col-5"><strong class="devliery"></strong></div>
                            </div> 
                            <hr class="hr-sm">
                            <div class="row text-lg">
                                <div class="col-7 text-right text-muted">Total:</div>
                                <div class="col-5"><strong class="total"></strong></div>
                            </div>
                        </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-7 ">
                    <form action="{{route('sendCHeckOutToMail')}}" method="post">
                         @csrf
                    <div class="bg-white p-4 p-md-5 mb-4">
                        <h4 class="border-bottom pb-4"><i class="ti ti-user mr-3 text-primary"></i>Informations de base</h4>
                        <div class="row mb-5">
                            <div class="form-group col-sm-6">
                                <label>Nom:</label>
                                <input type="text" name="nom" class="form-control">
                            </div>
                            <div class="form-group col-sm-6">
                                <label>Prénom:</label>
                                <input type="text" name="prenom" class="form-control">
                            </div>
                            <div class="form-group col-sm-6">
                                <label>Ville:</label>
                                <input type="text" name="ville" class="form-control">
                            </div>
                            <div class="form-group col-sm-6">
                                <label>Rue et numéro:</label>
                                <input type="text" name="zip_code" class="form-control">
                            </div>

                            <div class="form-group col-sm-6">
                                <label>Téléphone:</label>
                                <input type="text" name="phone" class="form-control">
                            </div>
                            <div class="form-group col-sm-6">
                                <label>E-mail:</label>
                                <input type="email" name="mail" class="form-control">
                            </div>
                        </div>

                        <h4 class="border-bottom pb-4"><i class="ti ti-package mr-3 text-primary"></i>Livraison</h4>
                        <div class="row mb-5">
                            <div class="form-group col-sm-6">
                                <label>Heure de livraison:</label>
                                <div class="select-container">
                                    <select name="date_livraison" class="form-control">
                                        <option>Aussi vite comme possible</option>
                                        <option>Dans une heure</option>
                                        <option>Dans deux heures</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="text-center">
                        <button type="submit" class="btn btn-primary btn-lg"><span>Commandez maintenant!</span></button>
                    </div>

                    </form>
                </div>
            </div>
        </div>

    </section>

<!-- Fonctions du cart Shopping -->
<script src="{{ asset('frontEnd/assets/js/js/cartShopping.js') }}"></script>
<!-- Evenements du carnet d'adresses -->
<script src="{{ asset('frontEnd/assets/js/js/events.js') }}"></script>

【讨论】：