Question

i have large form in my website and using serialize() to process the form.

my problem is:
the result always return false after the form has been completed! i checked using firebug. if false, the result being shown. it was actually data.ok == true had been called, but it didnt show the message in the page? and it didnt redirect the page to the destination address?

jquery ajax:

$("#details").live("submit", function(e){
   var form = $(this).serialize();
   var data_string = form;
   $.ajax({
            type: "post",
            url: "../_include/ajax.php?details",
            cache: false,
            data: data_string,
            dataType: "json",
            success: function(data) {
                if(data.ok) {
                    ("#pop").html(data.message).addClass("oke").fadeIn("slow");
                    setInterval(function() {
                        location.href = data.redirect
                    },2000)

                } else {
                    $("#pop").html(data.message).addClass("warning").fadeIn("slow");
                }

            }
        });

        e.preventDefault();
})

in PHP:

if (isset($_GET['details'])) {

    if (empty($name)) {
            $data['ok'] = false;
            $data['message'] = 'Please enter name!';
    } ................ {
            .............
    } else {
      $db->query("UPDATE query....");
      $data['ok'] = true;
      $data['message'] = 'Your details has been submitted!';
      $data['redirect'] = 'index.php?p=details';
    }


echo json_encode($data);
}

Answer 1

You appear to have a syntax error in your success function (if that’s not a copy/paste error):

("#pop").html(data.message).addClass("oke").fadeIn("slow");

should be:

$("#pop").html(data.message).addClass("oke").fadeIn("slow");