Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Objekt per Ajax
#1
Hallo Leute,



ich bitte mal um eure Hilfe.



Ich habe mir folgendes zusammengebastelt:

Code:
$(document).ready(function()
{
    $('td.editable').on('click', function(e)
    {
        data = {};
        enter = 0;

        data['Text_Old'] = $(this).text();
        data['id'] = $(this).closest("tr").find("td:eq(0)").text()

        // Enter abfangen
        $('td.editable').keydown(function(event)
        {
            if(event.keyCode == 13)
            {
                enter = enter +1;

                if(enter <= 1)
                {
                    data['Text_New'] = $(this).text();
                    save(data);
                }
                event.preventDefault();
                return false;
            }

            // Escape abfangen
            if (event.keyCode == 27)
            {
                $(this).html(data.Text_Old);
                event.preventDefault();
                return false;
            }
        });
    });

    $('td.editable').on('focusout', function()
    {
        enter = enter+1;

        data['Text_New'] = $(this).text();
        save(data);
    });

    function save(data)
    {
        if (data['Text_Old'] === data['Text_New'])
        {
            return false;
        }
        else
        {
            if (enter <= 1)
            {
                // Formular per AJAX senden
                $.ajax
                ({
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    type: 'POST',
                    url: 'index.php?GOTO=Test_Controller/Test/',
                    data: data,
                    //dataType: 'json',
                    encode: true,
                    beforeSend: function()
                    {
                        $('td.editable').css("background","#FFF url(loader.gif) no-repeat right");
                    },
                    success: function (data)
                    {
                        console.log(data);

                    },
                    error: function (xhr, ajaxOptions, thrownError)
                    {
                        console.log(xhr.status);
                        console.log(thrownError);
                    },
                    complete: function ()
                    {
                        $('td.editable').delay("slow").removeAttr("style");
                    }
                });
            }
        }
    }
});



Allerding schein es ein Problem mit data = {}
Ich muss zugeben h habe aber keine Ahnung wie ich das ändere.
Wenn ich nun per PHP antworte bekomme ich die Antwort nicht in der Console sondern in einer leeren Seite.

Kann mir dabei einer helfen?

PS:
Das Forum hat beim ersten versuch alles was nach dem Code Block war entfernt.
Nach dem Posten.
Zitieren


Nachrichten in diesem Thema
Objekt per Ajax - von Rene - 11.08.2023, 12:07
RE: Objekt per Ajax - von Rene - 11.08.2023, 21:58
RE: Objekt per Ajax - von rzscout - 13.08.2023, 08:40
RE: Objekt per Ajax - von Sempervivum - 13.08.2023, 12:14
RE: Objekt per Ajax - von Rene - 13.08.2023, 15:25
RE: Objekt per Ajax - von Sempervivum - 13.08.2023, 23:51
RE: Objekt per Ajax - von erster - 15.08.2023, 16:33

Gehe zu:


Benutzer, die gerade dieses Thema anschauen:
1 Gast/Gäste