通过JSON发送和测试HTML表单

时间:2017-08-24 18:14:24

标签: javascript jquery html json

我正在使用PHP开发人员,其任务是将带有4个复选框的html表单作为JSON字符串发送到服务器。但是,每当我单击“发送表单”按钮时,页面都会重置,我无法检查表单是否正确发送。如果我将警报或console.log添加到JS代码,它们就不会执行。我在网站网址上添加了****,因为我宁愿保持匿名。

表单应该通过2个不同的JSON链接发送3个字符串和4个复选框。稍后我会添加验证,现在我只想了解它为什么不执行代码。我认为警报不起作用,因为页面在提交时刷新,但我如何测试它是否正常工作?

谢谢。

这是JS脚本:

                            <div class="form-group">
                                <label>Identificador do  empreendimento</label>
                                <input class="form-control" placeholder="Identificador para identificar a  empreendimento" id="nome">
                            </div>
                            <div class="form-group">
                                <label>Descrição do  empreendimento</label>
                                <input class="form-control" placeholder="Descreva o objetivo do empreendimento" id="descricao">
                            </div>
                            <div class="form-group">
                                <label>Palavra-chave</label>
                                <input class="form-control" placeholder="Palavra-chave para acessar a  empreendimento" id="password">
                            </div>

<!--                             <div class="form-group">
                                <label>Static Control</label>
                                <p class="form-control-static">email@example.com</p>
                            </div> -->
                            <div class="form-group">
                                <label>Selecione as fontes de energia</label>
                                <div class="checkbox">
                                  <input class="somename" type="checkbox" id="1" value="1" name="eolica"> Eolica
                                  <br>
                                  <input class="somename" type="checkbox" id="2" value="2" name="solar"> Solar
                                  <br>
                                  <input class="somename" type="checkbox" id="3" value="3" name="biomassa"> Biomassa
                                  <br>
                                  <input class="somename" type="checkbox" id="4" value="4" name="phc"> PHC
                                   <br>
                            </div>
                            <!-- <a href="prevotacao.html" class="btn btn-success" role="button">Create enterprise &raquo;</a> -->
                            <button type="reset" class="btn btn-warning" id="reset">Clean form &raquo;</button>
                    </form>

                </div>
            </div>

HTML(使用Bootstrap)部分:

$allProfiles = '';
foreach( array_merge( $profile, $otherProfiles )  as $all ):
    $allProfiles .= $all;
endforeach;

echo "Player all profiles: $allProfiles";

1 个答案:

答案 0 :(得分:0)

3分:

1。警报可能会失败,因为在您的指定范围内没有定义list var(除非全局或在父函数中定义list

2。 $ .getJson()API在https://api.jquery.com/jQuery.getJSON/列为

jQuery.getJSON( url [, data ] [, success ] );

此处,url是发送请求的网址, data是要发送的数据(表单数据),success是回调函数,在从服务器成功返回后运行。

首先需要更正参数以遵循(url, data, success)顺序,然后充实success函数。 e.g。

$.getJSON(url, data, function(data) { /* do something with your data */ });

3。请注意,因为getJSON是异步的。这意味着即使没有返回响应,也会调用函数并继续执行代码。这意味着成功函数不一定按照您期望的顺序运行,并且将具有与原始函数不同的范围。