我正在使用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 »</a> -->
<button type="reset" class="btn btn-warning" id="reset">Clean form »</button>
</form>
</div>
</div>
HTML(使用Bootstrap)部分:
$allProfiles = '';
foreach( array_merge( $profile, $otherProfiles ) as $all ):
$allProfiles .= $all;
endforeach;
echo "Player all profiles: $allProfiles";
答案 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
是异步的。这意味着即使没有返回响应,也会调用函数并继续执行代码。这意味着成功函数不一定按照您期望的顺序运行,并且将具有与原始函数不同的范围。