javascript - jQuery 表单 json 并返回 json

Question

我创建了这个小脚本来使用函数发送表单，我使用函数创建是因为我在同一页面中有多个表单：

<script type="text/javascript">
function send_contacter(idcc)
{

$('#contact-form-widget-'+idcc).on('submit', function(e) {
e.preventDefault();

$.ajax({
url: '<?php echo $phpValidate;?>',
type: 'POST',
data : $('#contact-form-widget-'+idcc).serialize(),
success: function(data) {


if (data.fields_empty=="bad")
{
alert('all done');
}

}
});


});

}
</script>


<form id="contact-form-widget-<?php echo $tfw_number_format;?>" class="contact-form-widget" method="post" action="" onsubmit="send_contacter('<?php echo $tfw_number_format;?>');return false;">
<input class="contact_rapid_boton" type="submit" value="Send">
</form>

目标页面显示此代码供 json 读取：

<?php
print '{"fields_empty":"bad"}';
?>

我有两个问题：

1）我需要双击表格

2 ) json 无作品返回，javascript 无提示

感谢您的帮助，向这里的所有人致敬 :)

Answer 1

如果我没有正确理解您的问题，我很抱歉，响应的内容类型是 JSON，您想阅读吗？为什么写

data.fields_empty=="bad"

不应该也是

 data.d=="bad"

或者

data=="bad"

Answer 2

"$('#contact-form-widget-'+idcc).on('submit', function(e) {"只需从脚本中删除/删除事件处理程序。您已经在 HTML 元素中调用了相同的 onsubmit 事件

onsubmit="send_contacter('<?php echo $tfw_number_format;?>');return false;"

删除这"$('#contact-form-widget-'+idcc).on('submit', function(e) {"部分后（当然用相关的“}）；” 最后的部分），这很好用。

你的代码应该是，

<script type="text/javascript">
function send_contacter(idcc)
{

$.ajax({
url: '<?php echo $phpValidate;?>',
type: 'POST',
data : $('#contact-form-widget-'+idcc).serialize(),
success: function(data) {


if (data.fields_empty=="bad")
{
alert('all done');
}

}
});

}
</script>


<form id="contact-form-widget-<?php echo $tfw_number_format;?>" class="contact-form-widget" method="post" action="" onsubmit="send_contacter('<?php echo $tfw_number_format;?>');return false;">
<input class="contact_rapid_boton" type="submit" value="Send">
</form>

如果那个 json 读取问题仍然存在，请添加

data=jQuery.parseJSON(data);

在这行代码下面

success: function(data) {

谢谢。