CODEWITHSUNDEEP
javascriptphpajax
S.I.
S.I.

Reputation: 3375

Ajax response isn't showed on page

My ajax is

    $.ajax({
        type: 'POST',
        url: ajax.ajax,
        contentType: false,
        processData: false,
        dataType: 'JSON',
        status: 200,
        data: formdata,
        success: function(msg){
            $('#success_message').fadeIn().html(data);
            setTimeout(function() {
                $('#success_message').fadeOut("slow");
        }, 2000 );

        }
    });

This is the PHP part

function form(){ 

    global $wpdb;
    $table = cars;

    foreach ($_FILES as $file) {
        if($file['error'] == UPLOAD_ERR_NO_FILE) {
            continue;
        }

        $valid_ext = array( 'img' , 'png');
        $extension_upload = strtolower(  substr(  strrchr($file['name'], '.')  ,1)  );
        if ( in_array($extension_upload,$valid_ext) ) {
            $name_upload = uniqid() . $file['name'];
            $url_insert = trailingslashit( plugin_dir_path( dirname( __FILE__ ) ) ) . 'uploads';
            wp_mkdir_p($url_insert);
            $name_insert = trailingslashit($url_insert) . $name_upload;
            $action = move_uploaded_file($file['tmp_name'],$name_insert);

            $data = array( 'customer_resume' => $name_upload );
            $format = array( '%s' );

            $success=$wpdb->insert( $table, $data, $format );  
            $msg_true = 'Upload ok ';

        } else {
            $msg_error = 'Upload error';
        }
    }

    $result = !isset($msg_error);
    $msg = array();

    if($result) {
        $msg['error'] = 'true';
        $msg['true'] = $msg_true;
    } else {
        $msg['error'] = 'false';
        $msg['false'] = $msg_error;
    }

    header('Content-Type: application/json');
    echo json_encode($msg);

}

And the HTML where I try to show the success or error message

<div id="error_message"></div>
<div id="success_message"></div>

When I click on Submit button I everything works fine and saved in database but there is no indication wheather is success or no. I've tried to add this msg's but still nothing shows on page.

Upvotes: 0

Views: 46

Answers (2)

Pupil
Pupil

Reputation: 23948

PHP side:

You need to print same variable for success and failure:

if($result) {
        $msg['error'] = 'true';
        $msg['msg'] = $msg_true;
    } else {
        $msg['error'] = 'false';
        $msg['msg'] = $msg_error;
    }

JavaScript Side:

The AJAX response will come as 

data.error -> true or false.
data.msg -> Success or Error message depending upon program logic.

...
 success: function(data){
  $('#success_message').fadeIn().html(data.msg);
...

Upvotes: 2

Dorian Mazur
Dorian Mazur

Reputation: 524

What is hiding behind "ajax.ajax" ?

Also if you want to show your data you need to use "msg"

success: function(msg){
        $('#success_message').fadeIn().html(msg);
        setTimeout(function() {
            $('#success_message').fadeOut("slow");
    }, 2000 );

    }

Upvotes: 1

Related Questions