Question

我正在提交一个带有textarea的表单，该表单将通过php脚本保存。我通过ajax（下面）这样做，但也调用onclick另一个JavaScript函数。如果onclick在那里，那么ajax调用将无法工作，而当它不存在时，它将会工作。我该怎么办？

<script type="text/javascript">
$("document").ready(function(){
  $(".newcomment").submit(function(){
    var data = {
      "action": "test"
    };
    data = $(this).serialize() + "&" + $.param(data);
    $.ajax({
      type: "POST",
      dataType: "json",
      url: "newcomment.php", 
      data: data,
    });
    return false;
  });
});
</script>

我的提交按钮是：

<input type="submit" id="button" onclick="return hideform()"  name="submit" value="Salva">

Answer 1

尝试将hideform()与submit合并，并删除内联事件onClick。

HTML：

<input type="submit" id="button" onclick="return hideform()"  name="submit" value="Salva">

JS：

$("document").ready(function(){
  $(".newcomment").submit(function(){
    hideform();  <<---- HIDE THE FORM HERE

    var data = {
      "action": "test"
    };
    data = $(this).serialize() + "&" + $.param(data);
    $.ajax({
      type: "POST",
      dataType: "json",
      url: "newcomment.php", 
      data: data,
    });
    return false;
  });
});

希望这有帮助。

当onclick存在时，Ajax调用不起作用

1 个答案: