Fatal编程技术网

Javascript 从PHP页面获取结果

javascript php jquery html css

Javascript 从PHP页面获取结果,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,我创建了一个联系人页面。 当我单击submit按钮时，这个表单将我的表单信息发送到服务器端文件PHP，但是submit按钮什么也不做 我在AJAX中没有得到答案 $document.readyfunction{ $“提交”。单击函数{ $'submit'.attr'value'，'Please wait…'； $.postsender.php、$contactform.serialize、functionresponse{ $'success'.htmlresponse； $'submit'.

我创建了一个联系人页面。 当我单击submit按钮时，这个表单将我的表单信息发送到服务器端文件PHP，但是submit按钮什么也不做

我在AJAX中没有得到答案

$document.readyfunction{ $“提交”。单击函数{ $'submit'.attr'value'，'Please wait…'； $.postsender.php、$contactform.serialize、functionresponse{ $'success'.htmlresponse； $'submit'.attr'value'，'SEND'； }; 返回false； }; }; 我的联系方式 联系我们Pars编码员 -> 马士巴 邮寄 ؟ 发现的问题：

1出现错误：错误：引导程序的JavaScript需要jQuery。这意味着引导的js文件必须在jQuery的js文件之后加载。因此，颠倒他们的立场：

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
一是,；包含语法错误/键入错误。从那里卸下电源。如果这一切都是错误的，那么这是一个印刷错误。谢天谢地，我删除了它，但它不再工作了。很难在哪里触发错误。请尝试仅返回已发布到php脚本的值，并跳过邮件部分？因为您希望使用Ajax，请使用type=按钮触发数据发送或使用。您的问题是页面正在重新加载…将method=post放入表单标记中。 
<!doctype html>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
        <meta charset="UTF-8" />
        <!-- The above 3 meta tags must come first in the head -->

        <title>My Contact  form</title>

        <!-- CSS resources -->
        <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
        <link href="styles/contactform-style.css" rel="stylesheet" id="contact-from-style" >

        <!-- JS resources -->
        <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
        <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>

        <script type="text/javascript">
            $(document).ready(function () {
                $('#submit').click(function () {
                    $('#submit').attr('value', 'Please wait...');

                    $.post("sender.php", $("#contactform").serialize(), function (response) {
                        $('#success').html(response);
                        $('#submit').attr('value', 'SEND');
                    });
                });
            });
        </script>
    </head>
    <body>

        <section id="contact">
            <div class="container prop">
                <!--    <div class="well well-sm">
                  <h3><strong>Contact  us Pars Coders  </strong></h3>
                </div>-->

                <div class="row" id="p">
                    <div class="col-md-7">
                        <img src="img/email-icon.png" class="img-responsive text-center" alt="Pars Codres" />
                    </div>
                    <div class="col-md-5">
                        <h4><strong>Tmas Ba ma  </strong></h4>
                        <form id="contactform">
                            <div class="form-group">
                                <input type="text" class="form-control" name="name" value="" placeholder="Name">
                            </div>
                            <div class="form-group">
                                <input type="email" class="form-control" name="email" value="" placeholder="E-mail">
                            </div>
                            <div class="form-group">
                                <textarea class="form-control" name="description" rows="3" placeholder="Description"></textarea>
                            </div>
                            <button class="btn btn-success" type="button" name="button" id="submit">
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i> Send ...
                            </button>
                            <div id="success" style="color: red;">؟</div>
                        </form>
                    </div>
                </div>
            </div>
        </section>

    </body>
</html>