[AJAX]Bład z przesyłem danych Opcje

[Sklep102]

Cześć,

[PHP] pobierz, plaintext 
 
<script>
    var raitings = 0;
    $(function () {
        $(".ratings").starrr().on("starrr:change", function (event, value){
            //alert (value);
            raitings = value;
        });
    });
 
 
    function saveRating(form){
        var film_id = form.new_id.value;
 
        $.ajax({
            url:'modules/script/query/rating.php'
            type: 'POST',
            data: {
                'new_id': new_id,
                'raitings': raitings
            }
            succes: function(response){
                alert(response);
            },
        });
 
 
        return false;
    }
 
 
 
 
</script>
[PHP] pobierz, plaintext 

Czy może mi ktoś wytłumaczyć co jest źle w próbie przesłania danych?
Jeśli usunę $.ajax to wszytskie elementy strony wyśiwetlają się poprawnie jeśli dodam $.ajax przestaje prawidło działać. Może ktoś mi wyjaśnić gdzie jest błąd?

[nospor]

Zajrzyj do konsoli przegladarki a zobaczysz BLAD ktory to wszystko powoduje

[Sklep102]

Dzięki!

Nie chce zakładać osobnego tematu to spytam tutaj:

[PHP] pobierz, plaintext 
        <script>
        var ratings = 0;
        $(function () {
        $(".ratings").starrr().on("starrr:change", function (event, value){
 
            ratings = value;
            alert (ratings);
 
        var i = document.createElement("INPUT"); 
        i.setAttribute("name","star");
        i.setAttribute("type","hidden");
        i.setAttribute("value",ratings);
        i.setAttribute("id", 3);   
        $("#divstr").append(i)
 
        });
 
 
    });
 
 
 
 
 
</script>
[PHP] pobierz, plaintext 

Dlaczego alert działa poprawnie ale nie tworzy się input?

[viking]

A dlaczego skoro korzystasz z jquery to nie zrobisz tego jak trzeba?

let i = $('<input/>', {
id: 3,
value: ratings //itd...
});

Ten post edytował viking 17.03.2020, 14:46:04

[Sklep102]

A dlaczego skoro korzystasz z jquery to nie zrobisz tego jak trzeba?

[PHP] pobierz, plaintext 
        <script>
        var ratings = 0;
        $(function () {
        $(".ratings").starrr().on("starrr:change", function (event, value){
 
            ratings = value;
            //alert (ratings);
 
            let i = $('<input/>', {
            id: 3,
            value: ratings
            });
 
 
        });
 
 
 
    });
 
</script>
[PHP] pobierz, plaintext 

Hmmm, dalej coś źle robię... Dalej wyświetla mi się tylko alert i nie tworzy inputa :/ konsola też pusta.

[nospor]

Zapomniales dodac nowo utworzony input tam gdzie chcesz by byl...

[Sklep102]

[PHP] pobierz, plaintext 
    let i = $('<input/>', {
            id: 3,
            value: ratings,
            name: test
            }).appendTo('form1');
[PHP] pobierz, plaintext 

<form action="modules/upload.php" id="myForm" method="post" enctype="multipart/form-data" name="form1">

Zły kod...
Poprawiłem ale dalej ten sam problem :/

[nospor]

raz ze twoj form ma ID id="myForm"
dwa ze nie powiedziales ze laczysz z ID
appendTo('#myForm');

[Sklep102]

Dzięki!
nie wiedziałem że jeśli odnoszę się do id to trzeba użyć "#"

[nospor]

To sa podstawy selektorow CSS. Poczytaj o nich bo nie raz bedzie ci potrzebne

[Sklep102]

Pozwolę sobie zadać jeszcze jedno pytanie odnośnie ajaxa

mam diva który pobiera wartość za pomocą php chciałbym to zamienić na ajaxa

<div class='db_ratings' data-rating="<?php echo $rating_db; ?>"></div>

[PHP] pobierz, plaintext 
$.ajax({
    url:'modules/test.php',
    type: 'POST',
    data: {
        "film_id": film_id
    },
 
 
    success: function( data ) {
                $('#db_ratings').replaceWith($('#db_ratings').html(data));
                $('#db_ratings').html(data);
 
            }
 
 
});
[PHP] pobierz, plaintext 

i w odpowiedzi dostaję id i chciałbym to id przypisać do diva w miejsce php, siedzę nad tym kilka godzin ale nadal nie udało mi się tego przypisać :/


Swoją drogą w jakim celu używa się json? skoro można zrobić echo w pliku i dostać odpowiedz zaraz po wysłaniu danych?

[PHP] pobierz, plaintext 
<?php
 
include "../db/connection.php";
 
$id = $_POST["film_id"];
 
$result = $pdo->prepare("SELECT * FROM `films` WHERE id = '$id'"); 
$result->execute();
foreach($result as $wat)
 
$myObj = $wat['rating'];
 
 
 
$myJSON = json_encode($myObj);
 
echo $myObj;
?>
[PHP] pobierz, plaintext 

[viking]

Dla jednej danej odczytywanej w ten sposób wielkiej różnicy nie robi ale dla całych tablic przetwarzanych w Angularze/Vue/React już tak. Do tego brak u ciebie odpowiednich nagłówków odpowiedzi. W twoim kodzie nie ma id #db_ratings tylko klasa .db_ratings

Ten post edytował viking 18.03.2020, 08:13:24

[Sklep102]

zrobiłem to tak:

[PHP] pobierz, plaintext 
        success: function( data ) {
                    var id = data;
                    $('.db_ratings').attr("data-rating",id)
                }
[PHP] pobierz, plaintext 

mam jeszcze 1 problem

[PHP] pobierz, plaintext 
<script>
    var ratings = 0;
    $(function () {
        $(".ratings").starrr().on("starrr:change", function (event, value){
            //alert (value);
            ratings = value;
        });
 
 
    });
 
 
    function saveRating(form){
        var film_id = form.new_id.value;
 
        $.ajax({
            url:'modules/script/query/ratings.php',
            type: 'POST',
            data: {
                "film_id": film_id,
                "ratings": ratings
            },
            succes: function(response){
                alert(response);
            }
        });
 
 
 
 
        var film_id = document.getElementById("new_id").value; 
 
        $.ajax({
            url:'modules/test.php',
            type: 'POST',
            data: {
                "film_id": film_id
            },
 
 
        success: function( data ) {
                    var id = data;
                    $('.db_ratings').attr("data-rating",id)
                }
 
 
        });
 
        setInterval(function(){ 
        var db_ratings = document.getElementsByClassName("db_ratings")
             for (var a = 0; a < db_ratings.length; a++){
            $(db_ratings[a]).starrr({
                readOnly: true,
                rating: db_ratings[a].getAttribute("data-rating")
            })
        }
 
        }, 3000);
 
        return false;
 
    }
[PHP] pobierz, plaintext 

Chodzi o funkcje

[PHP] pobierz, plaintext 
        setInterval(function(){ 
        var db_ratings = document.getElementsByClassName("db_ratings")
             for (var a = 0; a < db_ratings.length; a++){
            $(db_ratings[a]).starrr({
                readOnly: true,
                rating: db_ratings[a].getAttribute("data-rating")
            })
        }
 
        }, 3000);
[PHP] pobierz, plaintext 

funkcja ma wyświetlić diva w którym są gwiazdki i są zaznaczane z poziomu skryptu po otrzymaniu id pytanie dlaczego po kliknięciu zapisu raz jeszcze funkcja przestaje działać? jak to ewentualnie poprawić?

[nospor]

Napisz mi prosze co robi setInterval() a nastepnie napisz czemu to uzyles tutaj

[Sklep102]

opóźnia skrypt o 3000 milisekund zrobiłem to tak ponieważ bez tego skrypt wcale się nie wykonywał, ponieważ zanim przyszła odpowiedź z ajaxa to skrypt został już wykonany i takie rozwiązanie przyszło mi do głowy. Mimo że czekam 1 min to nic się nie zmienia. A chciałbym aby po zmianie wartości skrypt znów się wykonał.

[nospor]

Nie, nie opoznia skryptu. Zajrzyj laskawie do dokumetnacji i doczytaj co to tak naprawde robi a nie strzelasz na pale.

ponieważ zanim przyszła odpowiedź z ajaxa to skrypt został już wykonany

Piszesz kod i w ogole nie ogarniasz co piszesz. Ot losowo strzelasz w klawiature palcami...
Przeciez masz juz
success: function( data ) {

tak, wlasnie kod w SUCCESS wykonuje sie gdy ajax sie skonczy. Wlasnie tam masz wlozyc wszystko co ma sie wykonac gdy AJAX sie skonczy pomyslnie. Nie potrzebujesz do tego zadnych pseudo opozniaczy kodu

[Sklep102]

Poprawiłem tak jak napisałeś. Niestety dalej nie działa tak jak trzeba tzn raz wyświetli i później się nic nie dzieje mimo że zmieniła się 3 np na 5

[nospor]

1) Pokaz kod po zmianach
2) Czemu w saveRating masz dwa ajax?
3) gdzie masz przypisanie cos odnosnie klikania i wywolywania saveRating. Nie widze tego tutaj
4) Czemu w saveRating za kazdym razem inicjujesz star na divie db_ratings ? To teraz wyglada jakbys nadpisywal ciagle tego samego diva co juz samo w sobie jest zle i raczej nic dziwnego ze za kolejnym razem wszystko przestaje dzialac.


Moze pokac calosc, a nie wyrwane z kontekstu kawalki i napisz co chcesz docelowo osiagnac bo na chwile obecna to te twoje kombinowanie wyglada tak samo jak bez sensu kombinowales z setInterval nie wiedzac co to tak naprawde robi

[Sklep102]

[PHP] pobierz, plaintext 
<form method="POST" onsubmit="return saveRating(this);">
<script src="modules/script/starrr.js"></script>
<div id="<?php echo $new_id; ?>" class='db_ratings' data-rating=""></div>
 
Ocena Filmu
<input type="hidden" id="new_id" value="<?php echo $new_id; ?>">
 
<br>
<div id="<?php echo $new_id; ?>" class='ratings'></div><br><!--- gwiazdki na dole strony --->
<input type="submit" value="Zmień ocenę">
 
 
</form>
 
<!--- skrypt odpowiedzialny za aktualizację oceny --->
<script>
    var ratings = 0;
    $(function () {
        $(".ratings").starrr().on("starrr:change", function (event, value){
            //alert (value);
            ratings = value;
        });
 
 
    });
 
 
    function saveRating(form){
        var film_id = form.new_id.value;
 
        $.ajax({
            url:'modules/script/query/ratings.php',
            type: 'POST',
            data: {
                "film_id": film_id,
                "ratings": ratings
            },
            succes: function(response){
                alert(response);
            }
        });
 
 
 
 
 
 
        $.ajax({
            url:'modules/test.php',
            type: 'POST',
            data: {
                "film_id": film_id
            },
 
 
        success: function( data ) {
                    var id = data;
                    $('.db_ratings').attr("data-rating",id)
 
 
                    var db_ratings = document.getElementsByClassName("db_ratings")
                    for (var a = 0; a < db_ratings.length; a++){
                    $(db_ratings[a]).starrr({
                        readOnly: true,
                         rating: db_ratings[a].getAttribute("data-rating")
                    })
        }
                }
 
 
        });
 
 
 
 
 
 
        return false;
 
    }
 
 
</script>
[PHP] pobierz, plaintext 

2. 1 ajax aktualizuje dane w bazie a 2 pobiera ilość gwiazdek po aktualizacji.
3. Do formularza
4. W jaki sposób powinno to być wykonane poprawnie?

[nospor]

1 ajax aktualizuje dane w bazie a 2 pobiera ilość gwiazdek po aktualizacji.

No i znowu drugi ajax moze sie skonczyc szybciej niz pierwszy... Drugi ajax masz wykonac po zakonczeniu pierwszego to raz.
A nie moze ten pierwszy skrypt od aktualizacji zwracac poprostu info o stanie po aktualizacji?

W jaki sposób powinno to być wykonane poprawnie?

Nie wiem, bo nie wiem co chcesz osiagnac. Nie sledze twoich watkow o gwiazdkach, nie wiem jak to dziala