$_POST ist nicht in ajax form submit?

Gibt es ein paar Probleme mit Ihrem code, wie:

• ... es bekommt nur Undefined index: username in sessions.php

  Das problem ist, weil der folgenden zwei Zeilen,

  contentType : false,
  processData: false,

  Vom die Dokumentation,

  contentType (default: 'application/x-www-form-urlencoded; charset=UTF-8')
  
  Typ: Boolean oder String
  
  Beim senden von Daten an den server, Nutzung dieser Inhalte geben. Default ist "application/x-www-form-urlencoded; charset=UTF-8", und das ist gut für die meisten Fälle. Wenn Sie explizit den pass in einen content-Typ zu $.ajax(), dann ist es immer an den server gesendet (auch wenn keine Daten gesendet werden). Ab jQuery 1.6 können Sie pass false zu sagen, jQuery, um nicht beliebigen content-type-header.

  und

  processData (default: true)
  
  Typ: Boolean
  
  Standardmäßig übergebenen Daten in die Daten-option als Objekt (technisch, etwas anderes als ein string) verarbeitet werden, und verwandelt sich in eine Abfrage-string, passend zu den Standard - content-type "application/x-www-form-urlencoded". Wenn Sie senden möchten ein DOMDocument, oder andere nicht-verarbeiteten Daten, stellen Sie diese option auf false.

  Daher $_POST array wäre leer sessions.php Seite, wenn Sie contentType und processData zu false, und das ist, warum Sie immer diese undefined index: username Fehler. Aber gesagt haben, dass, seit Sie senden eine Datei mit deinem AJAX-request, es ist okay, um diese Einstellungen zu setzen, wie false, das weiter ist, erfahren Sie im folgenden Punkt.

• .serialize() Methode erzeugt eine URL-codierten text-string zu serialisieren Formular-Steuerelement-Werte, wie <input>, <textarea> und <select>. Es wird jedoch nicht include file-input-Feld beim serialisieren der form, und damit Ihre remote-AJAX-handler nicht erhalten die Datei überhaupt. Also, wenn Sie beim hochladen der Datei durch AJAX, verwenden Sie FormData Objekt. Aber Bedenken Sie, dass alte Browser nicht unterstützen FormData-Objekt. FormData-Unterstützung gestartet wird von den folgenden desktop-Browser-Versionen: Internet Explorer 10+, Firefox 4.0+, Chrome 7+, Safari 5+, Opera 12+.

• Da Sie erwarten ein json-Objekt vom server, fügen Sie diese Einstellung dataType:'json' zu Ihrem AJAX-request. dataType ist die Art der Daten, die Sie erwarten sind zurück vom server.

Also die Lösung würde wie folgt Aussehen:

Halten Sie Ihre HTML form, wie es ist, und ändern Sie Ihre jQuery/AJAX Skript in der folgenden Art und Weise,

$('#confirm').click(function(e){
    e.preventDefault();

    var formData = new FormData($('form')[0]);
    $.ajax({
        type: 'POST',
        url : 'sessions.php',
        data: formData,
        dataType: 'json',
        contentType: false,
        processData: false,            
        success: function(d){
            console.log(d.message);
        }
    });
});

Und auf sessions.php Seite, die Bearbeitung Ihrer Formular wie dieses:

<?php

    $exist = "david";
    if(isset($_POST['username']) && !empty($_POST['username']) && isset($_POST['pass']) && !empty($_POST['pass'])){
        if($_POST['username'] == $exist){
            echo json_encode(array("message" => "Already exist"));
        }else{
            echo json_encode(array("message" => "You can succesfully add"));

            //get username and password
            $username = $_POST['username'];
            $password = $_POST['pass'];

            //process file input
            //Check whether user has uploaded any file or not
            if(is_uploaded_file($_FILES['fileupload']['tmp_name'])){

                //user has uploaded a file

            }else{
                //no file has been uploaded
            }
        }
    }else{
        echo json_encode(array("message" => "Invalid form inputs"));
    }

?>

Sind Sie contentType auf false, das ist der Grund, warum PHP nicht Parsen Ihre post-body

Verwenden Sie den folgenden code in Ihre html-code und entfernen contentType : false,
processData: false

<form action="" method="POST" id="saveuser" enctype="multipart/form-data">
    <input type="text" name="username"><br>
    <input type="password" name="pass"><br>
    <input type="file" name="fileupload"><br>
    <input type="submit" name="submit" value="Confirm" id="confirm">
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-rc1/jquery.min.js"></script>
<script type="text/javascript">
    $('#confirm').click(function(e){
        e.preventDefault();
        $.ajax({
            type:'POST',
            url :"sessions.php",
            data: $('#saveuser').serialize(),
            success: function(d){
                console.log(d);//[error] :Undefined index: username
            }
        });
    });
</script>

<form method="POST" id="saveuser" enctype="multipart/form-data">
<input type="text" name="username"/><br>
<input type="password" name="pass"/><br>
<input type="file" name="fileupload"/><br>
<input type="button" name="save" id="save" value="save"/>
</form>

<script type="text/javascript">
    $('#save').click(function(e){
      var form = new FormData(document.getElementById('#saveuser'));  

      $.ajax({

            url :"sessions.php",
            type : 'POST',
            dataType : 'text',
            data : form,

            processData : false,
            contentType : false,  
            success: function(d){
                console.log(d);//[error] :Undefined index: username 
            }
        });
    });
</script>

Ändern Sie Ihr Skript, um

<script type="text/javascript">
$(function(){
    $('#confirm').click(function(e){
        e.preventDefault();
      $.ajax({
            type:'POST',
            url :"sessions.php",
            data:$("#saveuser").serialize(),
            contentType : false,
            processData: false,            
            success: function(d){
                console.log(d);//[error] :Undefined index: username 
            }
        });
    });
});
</script>

Entfernen, die Methode,Aktion: post und leer von form-tag, wie Sie benötigen, um alle details in der ajax-Methode nur.

oder löschen Sie die Formular-tag selbst als ajax-Methode kümmert sich um den post nennen.

diese zu lösen, wird hoffentlich

    <form id="saveuser" enctype="multipart/form-data">