Firebug显示POST信息,但我无法回应

时间:2014-01-13 04:23:05

标签: php jquery ajax forms

通过POST提交后,我有一个似乎AJAX成功的表单。在Firebug中的“NET”下,发布的信息正确显示。但我根本不能echo这些数据。

我正在尝试这个,这是我表单中的第一个字段:<?php echo $_POST['sun_exposure']; ?>

这与表单ACTION没有网址有什么关系吗?

另外,我正在尝试POST数据到同一页面,而不是PHP文件。也许这是问题的一部分?这也是一个Wordpress页面,而不是文件。

以下是实时网址:http://www.richmindonline.com/container-creations/personal-creations-assistant/

这是表单代码:

<form id="quotation_form" name="vdmQuotationForm" action="#" method="post">               
    <div id="page1">
        <div id="step0_header" class="steps-headers" onClick="step0ToggleClick();">Step 1<span style="margin-left:30px;">Sun Exposure</span></div>
        <div id="step0" class="quotation-steps"><strong>Describe the sun exposure of your planter...</strong><br/>
            <div class="radio-container"><input onchange="go_to_next_step();" type="radio" name="sun_exposure[]" id="full_sun" value="Full Sun"<?php checked( 'Full Sun',$_POST['sun_exposure[]']); ?> /><label class="label-quotation-steps">Full Sun</label><br class="clear"/></div>
            <div class="radio-container"><input onchange="go_to_next_step();" type="radio" name="sun_exposure[]" id="part_sun" value="Part Sun"<?php checked( 'Part Sun',$_POST['sun_exposure[]']); ?> /><label class="label-quotation-steps">Part Sun</label><br class="clear"/></div>
            <div class="radio-container"><input onchange="go_to_next_step();" type="radio" name="sun_exposure[]" id="full_shade" value="Full Shade"<?php checked( 'Full Shade',$_POST['sun_exposure[]']); ?> /><label class="label-quotation-steps">Full Shade</label><br class="clear"/></div>
        </div>
    </div>
</div>
</form>

这是AJAX请求,它包含在jQuery验证脚本中:

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $('#quotation_form').validate({ // initialize the plugin
            rules: {
                'sun_exposure[]': {
                    required: true,
                },
                'height[]': {
                    required:true,
                },
                'diameter[]': {
                    required:true,
                },
                'shape[]': {
                    required:true,
                },
                'placement[]': {
                    required:true,
                },
            },
            messages: {
                'sun_exposure[]': {
                    required: 'Please choose a sun exposure for your plant',
                },
                'height[]': {
                    required: 'Please choose the height of your planter'
                },
                'diameter[]': {
                    required: 'Please choose the diamter of your planter'
                },
                'shape[]': {
                    required: 'Please choose the shape of your planter'
                },
                'placement[]': {
                    required: 'Please choose the placement of your planter' 
                },                        
            },
            errorPlacement: function (error, element) {
                alert(error.text());
            },
            submitHandler: function (form) { // for demo
                alert('valid form submitted'); // for demo    
                var form_data = $("#quotation_form").serialize();

                $.ajax({
                    url: "http://www.richmindonline.com/container-creations/personal-creations-assistant/",
                    type: 'POST',
                    data: form_data,
                    cache: true,
                    success: function(data) {
                        alert(data);
                    }
                });

                $('#page1').hide();
                $('html, body').animate({ scrollTop: $('body').offset().top }, 10);
                $('#page2').show(); 
                $('.intro').hide();
                $('.to_page1').show();

                return false;    
            }
        }); // end .validate() 
    });
</script>

0 个答案:

没有答案