Javascript-POST无法正常工作

Question

  onSubmit: function(invalid, e) {
    e.preventDefault();
    if(!invalid)
    {
        alert("test");
        $.post('login.php', this.$form.serialize(), function(response) {
    // asdasd
  }, 'json');
    }
   }

我收到警报框，但帖子似乎不起作用。 上面的代码有什么明显的错误吗？

我正在使用IdealForms。

Answer 1

您需要做的就是调用JQuery，并使用如下代码：

$.ajax({
   type: "POST",
   url: "login.php",
   data: $(this).serialize(),
   success: function() {
     alert('success');
   }
});

Answer 2

请求有效，服务器端代码中必定存在问题。 确保：

1） login.php存在，它在正确的路径中。

2）您的PHP脚本回声JSON。 尝试一个简单的测试脚本：

<?php
// login.php
echo json_encode(array('value' => true)); // send as JSON

然后在JavaScript中记录对控制台的响应（按F12或Cmd + Shift + I）：

onSubmit: function(invalid, e) {
  e.preventDefault();
  if(!invalid) {
    $.post('login.php', this.$form.serialize(), function(response) {
      console.log(response);
    }, 'json'); // read as JSON
  }
}

控制台应输出一个对象{value: true} 。

PS：我是Ideal Forms的开发者。