CODEWITHSUNDEEP
javascriptpost
Yashas
Yashas

Reputation: 1234

Javascript-POST not working

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

I get the alert box but the post doesn't seem to work. Is there anything clearly wrong in the above code?

I am using IdealForms.

Upvotes: 0

Views: 4715

Answers (2)

elclanrs
elclanrs

Reputation: 94101

The request works, there must be an issue in your server side code. Make sure that:

1) login.php exists and it's in the right path.

2) Your PHP script echos JSON. Try a simple test script:

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

Then in JavaScript log the response to the console (press F12 or 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
  }
}

The console should output an object {value: true}.

PS: I'm the developer of Ideal Forms.

Upvotes: 1

Suman KC
Suman KC

Reputation: 3528

All you need to do is call JQuery, and use code like this:

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

Upvotes: 1

Related Questions