ajax url + data an Controller function übergeben

biinng · 24. Dezember 2019

Hallo miteinander und allen ein tolles Weihnachtsfest.

Ich bin mal wieder am Basteln und stehe da vor einem Problem wo ich einfach nicht wirklich durchblicke.

Ich möchte gern die Daten aus einer jQuery function an den Controller übergeben um sie später in einer Datenbanktabelle zu Speichern. Die JQeryfunktion macht was sie soll nur es gelingt mir nicht die Daten (x_Pos, y_Pos, need ) als String an den Controller zu übergeben. Es kommen einfach keine Daten an. Ich hoffe ihr könnt mir mir mein Fehler aufzeigen.

Jquery

Code

// administrator/components/com_altauserpoints/js/draggeble.js

jQuery(document).ready(function ($) {
    
    var x_Pos;
    var y_Pos;
    var need;
    $('.dragme').draggable({
        stack: '.dragme',
        stop : function(event, ui){
                        
            var x_Pos = $(this).css("left");
            var y_Pos = $(this).css("top");
            var need = ui.helper.data("need");
            
            //nur zum Testen der Werte - wird wieder entfernt
            $( "div.arrang-txt" ).text("left: " + x_Pos + ", top: " + y_Pos + ", need_id: " + need);    
            
            //ausgabe console - wird wieder entfernt
            console.log(x_Pos);
            console.log(y_Pos);
            console.log(need);

            $.ajax({
              type: "POST",
              url: "index.php?option=com_altauserpoints&task=arrangpos&tmpl=component", // ich denke die URL ist nicht richtig 
              data: { 
              varxpos : x_Pos, 
              varypos : y_Pos, 
              varneedid : need
              },
              dataType    : "json",
            }).done(function( msg ) {
              alert( "Data Saved: " + msg );
            });           
        }    
    });    
});

Alles anzeigen

Controller

Code

// administrator/components/com_altauserpoints/controller.php

public function arrangpos () {
    
    $model        = $this->getModel ( 'statistics' );
    $model->_arrang_pos();    

}

Models

Code

// administrator/components/com_altauserpoints/models/statistics.php

function _arrang_pos() {
    
    // todo: Werte aus draggeble.js an #__alpha_userpoints_medals in img_leftPos, img_topPos, img_width, arrang
    $db = JFactory::getDBO(); 

    $arrangleft = $_POST['varxpos'];
    $arrangtop = $_POST['varypos'];
    $arrangid = $_POST['varneedid'];

    // nur zum Testen ob daten übergeben werden, $resultpost, $resultget werden in "function _edit_user" übtragen und dann auf der Backendseite ausgegeben siehe Spoiler
    $resultpost = $_POST; // hier sollen die Daten aus der jQery function ankommen, machen sie aber nicht
    $resultget = $_GET;
    return array($resultpost, $resultget);
}

Alles anzeigen

Spoiler anzeigen

firstlady · 24. Dezember 2019

Vielleicht hilft das video

Meine Erinnerung: Du brauchst beim task auch den namen des Controllers, also

task=controller.task

und versuche format=raw statt &tmpl=component"

ohne Gewähr und frohe Weihnachten

Re:Later · 24. Dezember 2019

Hab nur paar Allgemeinplätze dazu.

1) Das finale Komma vor geschweifter Klammer scheint mir nicht richtig, außer Jquery ist da "höflich":

Zitat von biinng

dataType : "json",

2) Warum eigentlich "json" und explizit dataType?

3) Abfrage von Request-Daten in Joomla

Code

$jinput = JFactory::getApplication()->input;
$arrangleft   = $jinput->get('varxpos');

Natürlich kann man ähnlich auch explizit POST-Daten abfragen, aber so erst mal der verlässliche Weg.

4) Ob die Url richtig ist, weiß ich nicht. Das &tmpl=component scheint mir unnötig.

biinng · 25. Dezember 2019

Danke für eure Hilfe ich habe das Problem damit lösen können.
Anfangs dachte ich die JQery Daten als json weiterverabeiten zu müssen was aber hier nicht der Fall ist. Ich will die Daten ja nur in der Datenbank speichern und nicht direkt wieder Ausgeben.

jQuery

Code

jQuery(document).ready(function ($) {

    $('.dragme').draggable({
        containment: '.medals-arrang',
        stack: '.dragme',
        stop : function(event, ui){
                        
            var x_Pos = parseInt($(this).css("left"));
            var y_Pos = parseInt($(this).css("top"));
            var need = ui.helper.data("need");
            console.log(x_Pos);
            console.log(y_Pos);
            console.log(need);
                        
            $.ajax({
              type: "POST",
              url: "index.php?option=com_altauserpoints&task=arrangpos&format=raw",
              cache: false,
              data: { 
              varxpos : x_Pos, 
              varypos : y_Pos, 
              varneedid : need
              },
            })            
        }    
    });    
});

Alles anzeigen

Models

Code

// übernimmt die Daten von draggable.js und Speichert sie in die Datebnaktabelle #__alpha_userpoints_medals
function _arrang_pos() {
    
    $app         = JFactory::getApplication();
    $db          = JFactory::getDBO();
    $rid         = JFactory::getApplication()->input->get('rid', 0, 'int');
    $msgType     = '';
    
    //Werte aus draggeble.js in DBTabelle
    /*
        img_leftPos (int)
        img_topPos  (int)
        img_width   (int)
        arrang      (int)
    */

    $jinput = JFactory::getApplication()->input;

    $arrangleft   = $jinput->get("varxpos");
    $arrangtop   = $jinput->get('varypos');
    $arrangid   = $jinput->get('varneedid');
    
    if ($arrangid) {        

        // update user medals
        $query = "UPDATE #__alpha_userpoints_medals SET `img_leftPos`= $arrangleft, `img_topPos`= $arrangtop"
            . "\n WHERE `id`=$arrangid";
            $db->setQuery($query);
            $db->query();
        
        if (!$db->query()) {
            $msg = $db->getErrorMsg();
            $msgType = 'error';
        } else $msg = $app->enqueueMessage('This part was successful');;

    }    
}

Alles anzeigen

Controller

Code

public function arrangpos () {
    
    $model        = $this->getModel ( 'statistics' );
    $model->_arrang_pos();    

}

Tags