<p>Ich kann die meisten jQuery-Dateien nicht erfolgreich mit Ajax verwenden. Ich versuche, die Fehlermeldung aus der Antwort in meinem Benachrichtigungs-(Toast-)Div erscheinen zu lassen, aber zusätzlich zu <code>.show()</code> /code> Nichts, was ich versuche, wird funktionieren. </p> <p>Ich habe <code>console.log()</code> verwendet, um sicherzustellen, dass die Antwort von der URL dekodiert wird und alles wie erwartet funktioniert, aber ich kann die Funktion nicht innerhalb von Ajax aufrufen Erfolgsfunktion< ;/ p> <p>Dies ist mein aktuelles JS, das beim Klicken auf die Schaltfläche ausgelöst wird. </p> <pre class="brush:php;toolbar:false;">function errMsg(code, msg) { const eCode = '<b>E-NS: ' + code + ' </b>' const eMsg = '<span class="err" style="color: red;"> + eCode + '</span>'; $('.notify').empty().html(eMsg); } $(document).ready(function() { $('#next-1').click(function(e) { e.preventDefault(); $.ajax({ URL:'../data.php', Methode: 'POST', Daten: $('#form-1').serializeArray(), Datentyp: 'JSON', success:function(response){ if(response.status === true){ $('#form-1').hide(); $('#form-2').show(); } anders { console.log(response.status); console.log('Response = ' + Response.code + Response.error); errMsg(response.code, Response.error); var eCode = '<b>E-NS: ' + Response.code + ' </b> var eMsg = '<span class="err>' + eCode + '</span>'; $('.notify').empty().html(eMsg); } } }) }) )}</pre> <p>Es ist wichtig zu beachten, dass es in PHP oder jQuery keine Fehler oder Warnungen gibt. Ich bin neu bei AJAX und bin mir daher nicht ganz sicher, ob ich das tun könnte, obwohl es logisch genug erscheint, nicht wahr? </p>

function errMsg(code, msg) {
    const eCode = '<b>E-NS: ' + code + ' </b> </br>' + msg;
    const eMsg = '<span class="err" style="color: red;">' + eCode + '</span>';
    
    $('.notify').html(eMsg);
}

$(document).ready(function() {
    $("#form-2").hide();
    $('#next-1').click(function(e) {
        e.preventDefault();
        // console.log("this will be sent to the server:",$('#form-1').serializeArray());
            $.ajax({
                url: 'https://jsonplaceholder.typicode.com/posts', // '../data.php',
                method: 'POST',
                data:  $('#form-1').serializeArray(),
                dataType: 'JSON',
                success:function(response){
                    // console.log("this came back from the server:",response);
                    if(response){
                        $('#form-1').hide();
                        $('#form-2').show();
                        errMsg(response.id, JSON.stringify(response))
                    } else {
                        console.log(response.status);
                        console.log('Response = ' + response.code + response.error);
                        errMsg(response.code, response.error);
                    }
                }
            })
    })
})

.notify {border: 1px solid grey}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form id="form-1">
First form ... <br>
<input type="text" name="title" value="my very own title"><br>
<input type="text" name="size" value="XL"><br>
<input type="number" name="quantity" value="3"><br>
<button id="next-1" type="button">OK</button>
</form>

<form id="form-2">
Second form ... <br>
<input type="text" name="title" value="some other product title"><br>
<input type="text" name="size" value="M"><br>
<input type="number" name="quantity" value="5"><br>
<button id="next-2" type="button">OK</button>
</form>

<div class="notify">This is the place for messages ...</div>

function errorCheck() {
    if ($('.notify').text().trim().length == 0) {
        $('.notify').hide();
    } else {
        var time =  setTimeout(function() {
                        $('.notify').fadeOut('200');
                    }, 5000);
        $('.notify')
            .show()
            .mouseout(function () {
                time;
            })
            .mouseover(function () {
                clearTimeout(time);
            })
            .click(function() {
                $('.notify').fadeOut('100');
            });
    }
}