Forum Pasja Informatyki - Najnowsze z tagiem ajax

Czy jest to zgodne ze sztuką? - PHP, Ajax

Tue, 02 Jan 2024 17:23:21 +0000

Cześć piszę aplikację webową przy użyciu PHP, Javascript - nasuwa mnie się pytanie, otóż wiem że jest to wykonalne i działa, ale czy zgodne ze sztuką jest przesyłanie AJAXem wygenerowanego przez backend HTMLa i wyświetlanie go użytkownikowi? Zwykle przesyłałem dane w JSONie i sklejałem je po stronie klienta, lecz chciałbym wiedzieć czy poprostu metoda wysyłania wyrenderowanych widoków jest "etyczna".

Pozdrawiam.

Jak dodac wyszukiwanie live za pomoca ajaxa w laravelu?

Sun, 26 Nov 2023 16:31:38 +0000

UserController:

    public function search(Request $request)
    {
        $query = $request->input('user_search');
    
        $users = User::when($query, function ($queryBuilder) use ($query) {
                $keywords = explode(' ', $query);
                foreach ($keywords as $keyword) {
                    $queryBuilder->where(function ($subquery) use ($keyword) {
                        $subquery->where('name', 'like', '%' . $keyword . '%')
                                 ->orWhere('surname', 'like', '%' . $keyword . '%');
                    });
                }
            })
            ->paginate(5);
    }

index:

        <tbody id="item_wrapper">
            @foreach ($users as $user)
                <tr>
                    <th scope="row">{{ $user->id }}</th>
                    <td>{{ $user->name }}</td>
                    <td>{{ $user->surname }}</td>
                    <td>{{ $user->email }}</td>
                    <td>{{ $user->phone_number }}</td>
                    <td>{{ $user->pass_type }}</td>
                    <td>
                        <a href="{{ route('users.edit', $user->id) }}">
                            <button class="btn btn-success btn-sm ">
                                <i class="fa-solid fa-pen-to-square"></i>
                            </button>
                        </a>
                        <button class="btn btn-danger btn-sm delete" data-id="{{ $user->id }}">
                            <i class="fa-solid fa-trash-can"></i>
                        </button>
                    </td>
                </tr>
            @endforeach
        </tbody>

plik js:

$(function() {
    $('#search_input').on('input', function(event) {
        event.preventDefault();

        
        let search_input = $(this).val();

        $.ajax({
            method: "GET",
            url: "/users/",
            data: {search_input:search_input},
        })
        .done(function (response) {
            $('#item_wrapper').empty();
            $.each(response.data, function (index, user) {
                const html = 
                '<tr>' +
                '<th scope="row">'+ user.id +'</th>' +
                '<td>'+ user.name +'</td>' +
                '<td>'+ user.surname +'</td>' +
                '<td>'+ user.email +'</td>' +
                '<td>'+ user.phone_number +'</td>' +
                '<td>'+ user.pass_type +'</td>' +
                '<td>' +
                    '<a href="{{ route("users.edit", $user->id) }}">'
                        '<button class="btn btn-success btn-sm ">'
                            '<i class="fa-solid fa-pen-to-square"></i>'
                        '</button>'
                    '</a>'
                    '<button class="btn btn-danger btn-sm delete" data-id="{{ $user->id }}">'
                        '<i class="fa-solid fa-trash-can"></i>'
                    '</button>'
                '</td>'
            '</tr>'

                $('#item_wrapper').append(html);
            });
        });
    });
});

a tu formularz:

            <form class="d-flex" id="searchForm" action="{{ route('users.search') }}" method="GET">
                <input id="search_input" class="form-control me-2" type="search" placeholder="Search" aria-label="Search" name="search">
            </form>

zalezy mi zeby nasluchiwanie bylo na input. Probowalem cos samemu zdzialac ale nie mam juz pomyslow. Co robie nie tak?

PHP-przełączanie pomiędzy stornami bez uzycia formularzy

Tue, 17 Oct 2023 13:05:26 +0000

Witam :D

Mam projekt strony kolegi:

<?php
  session_start();
  if(isset($_GET["podstrona"]))
  {
    $_SESSION["aktualnapodstorna"] = $_GET["podstrona"];
  }
  else
  {
    $_SESSION["aktualnapodstorna"] = "home";
  }

  /*if(isset($_REQUEST['loguj']))
  {
    $_SESSION["aktualnapodstorna"] = 'loguj';
  }
  if(isset($_REQUEST['rejestr']))
  {
    echo "ok";
    $_SESSION["aktualnapodstorna"] = 'rejestr';
  }*/
  if(isset($_REQUEST['wyloguj']))
  {
    $_SESSION["aktualnapodstorna"] = 'account';
    unset($_SESSION['zalogowano']);
    unset($_SESSION['imie']);
    unset($_SESSION['nazwisko']);
    unset($_SESSION['telefon']);
    unset($_SESSION['email']);
  }
  $site = $_SESSION["aktualnapodstorna"];
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./Styles/style.css">
    <script src="./script/spis.js" type="text/javascript"></script>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
    <link rel="script" href="formularz.php">
    <title>Sklep Internetowy - Pandoras Furnitures</title>
    
</head>

<body>
<header>
      <!-- Logotyp firmy -->
    <h1 class="logo">PANDORA<span class="logo_text">FURNITURES</span></h1>
        <p>Sklep meblowy i nie tylko</p>
        
    </header>
  <!-- Lista zakładek z podstronami -->
    <nav>
			<ul>
				<li><a href = "./?podstrona=home">Strona główna</a></li>
				<li><a href = "./?podstrona=list">Produkty</a></li>
				<li><a href = "./?podstrona=contact">Kontakt</a></li>
				<li><a href = "./?podstrona=account">Konto</a></li>
			</ul>
		</nav>
<!-- Srkypt PHP odpowiedzialny za przełączanie stron przy użyciu Ciasteczek -->
    <?php
          switch ($site) 
          {
          case 'home':
            require_once("./Content/main.php");
            break;
          case 'list':
            require_once("./Content/search.php");
            break;
          case 'contact':
            require_once("./Content/contact.php");
            break;
          case 'account':
            if(isset($_SESSION['zalogowano']))
            {
              require_once("./Content/account-login.php");
            }
            else
            {
              require_once("./Content/account.php");
            }
          break;
          case 'loguj':
            require_once("./Content/login.php");
            break;
          case 'rejestr':
            require_once("./Content/register.php");
            break;
          case 'zmienhaslo':
            require_once("./Content/zmianahasla.php");
            break;
          case 'kitchenpage':
            require_once("./Content/KategorieMebli/kitchen.php");
            break;
          case 'bathroompage':
            require_once("./Content/KategorieMebli/bathroom.php");
            break;
          case 'livingroompage':
            require_once("./Content/KategorieMebli/livingroom.php");
            break;
          case 'bedroompage':
            require_once("./Content/KategorieMebli/bedroom.php");
            break;
          case 'gardenpage':
            require_once("./Content/KategorieMebli/garden.php");
            break;
          case 'garagepage':
            require_once("./Content/KategorieMebli/garage.php");
            break;
                  
          default :
            require_once("./Content/main.php");
            break;
        }
		?>


      <!-- Footer -->
      <footer>
      <p>&copy; Dane Osobowe. Wszystkie prawa zastrzeżone.</p>
      <p> </p>
      <p>Wszelkie zamówienia nie są przez Naszą firmę realizowane. Należy we własnym zakresie zorganizować transport zakupionych towarów.</p>
    </footer>

    <div class="modal" id="modal">
        <div class="modal-content">
          <img id="modal-image" src="" alt="Modal Image">
        </div>
    </div>
</body>

</html>

I mam problem z tym fragmentem kodu:

<nav>
			<ul>
				<li><a href = "./?podstrona=home">Strona główna</a></li>
				<li><a href = "./?podstrona=list">Produkty</a></li>
				<li><a href = "./?podstrona=contact">Kontakt</a></li>
				<li><a href = "./?podstrona=account">Konto</a></li>
			</ul>
		</nav>

bo używa ta metoda metody get-a naszemu nauczycielowi niepodoba się ta metoda.
Szukałem rozwiązania, i chcę zrobić tak,by zamiast href,był onClick = "funkcja('wartość np: home')" i ta wartość z JS została przekazana do zmiennej $_POST["podstrona"](zorbie to samo co z $_GET["podstorna"],ale z $_POST).Wiem że do teog można użyć ajax'a-ale nie ogarniam go(Jestem tez otwarty na inne rozwiązania,grunt by działało)
Nie moge zamiast <a> dać <input type = "submit" ...> w formularzu,bo keidy przełacza na podstorne concact.php-to się zawiesza bo wymaga wypełnienia forularza kontaktowego w nim.

Zmienna JS do PHP

Tue, 03 Oct 2023 19:12:54 +0000

Dzień dobry, mam problem z przesyłaniem zmiennych z JS do PHP, dokładniej to chcę przesłać zmienną "pkt" (z JS) do PHP, po to by zapisać tą wartość w bazie danych. Doszukałem się, że trzeba zrobić to metodą AJAX, tylko że próbowałem różnych rozwiązań i nie chce działać jak powinno. Poniżej umieszczam kod (bez fragmentu z AJAX'em, bo już za bardzo pokopałem )

<?php
    session_start();

    if(!isset($_SESSION['zalogowany'])){
        header('Location: index.php');
    }
?>

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <?php

        echo "<p>Witaj ".$_SESSION['user'].'! [<a href="logout.php">Wyloguj się</a>]</p>';
        echo "<p><b>Punkty</b>: ".$_SESSION['pkt'];
        echo "| <b>booster</b>: x".$_SESSION['boost']."</p>";
    
    ?>
    <br><br><br>

    <p id="lcd_pkt"></p>
    <p id="lcd_boost"></p>
    <br><br>

    <br><br><br><br>

    <button onclick="zapis()">Zapis</button>
    <br><br>
    <button onclick="clickacz()" style="width: 100px; height: 100px;">click!</button>

    <script type="text/javascript">
        var pkt = <?php echo $_SESSION['pkt']?>; 
        var boost = "<?php echo $_SESSION['boost'];?>"; 
        document.getElementById("lcd_pkt").innerHTML = "Twoje punkty: " + pkt;
        document.getElementById("lcd_boost").innerHTML = "Twój booster: x" + boost;

        function clickacz(){
            pkt++;
            document.getElementById("lcd_pkt").innerHTML = "Twoje punkty: " + pkt;
        }

        function zapis(){
            /*Tu miał być AJAX*/
 
        } 

    </script>

</body>
</html>

Z góry dziękuję za wszystkie odpowiedzi.

PHP Ajax Zlecę napisanie dynamicznego ładowania subkategorii.

Tue, 06 Jun 2023 19:37:46 +0000

Witam!

Zlecę napisanie (coś Ala o*x) dynamicznego ładowania subkategorii do formularza jako pole select.

Baza danych posiada pola: id, name, parent_id

Po wysłaniu formularza muszę mieć zmienną, która trzyma wybrane ID kategorii lub subkategorii, zależy co zostało wybrane.

Zlecenie płatne, pisz PW, dam więcej szczegółów, podaj swoją cenę za wykonanie zlecenia...

Sweet alert , czysty php ajax, rejestracja użytkowników

Fri, 31 Mar 2023 15:43:15 +0000

Cześć, mam pewne pytanie, zainstalowałem przez npm sweet alert https://sweetalert.js.org/guides/#getting-started
I mam plik register.php to jego fragment.

    } else {
        
        if (!filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
            exit('Email is not valid!');
        }
        // Username doesn't exists, insert new account
        if ($stmt = $con->prepare('INSERT INTO accounts (username, password, email) VALUES (?, ?, ?)')) {
            // We do not want to expose passwords in our database, so hash the password and use password_verify when a user logs in.
            $password = password_hash($_POST['password'], PASSWORD_DEFAULT);
            $stmt->bind_param('sss', $_POST['username'], $password, $_POST['email']);
            $stmt->execute();
            // echo 'You have successfully registered! You can now login!';
            W tym miejscu chciałbym przekazać SweetAlert i następnie przeładować strone


            header('Location: index.html');
            exit();
        } else {
            // Something is wrong with the SQL statement, so you must check to make sure your accounts table exists with all 3 fields.
            echo 'Could not prepare statement!';
        }
    }
    $stmt->close();

Import zmiennej z js za pomocą AJAX do PHP (zmienna nie jest odbierana w kodzie PHP)

Fri, 24 Mar 2023 09:10:21 +0000

Plik js

$(document).ready(function() {
    function loadData() {
      // pobieram zawartość elementu z klasą "active"
      const table = 'test'// $('.active').html();
      // wyświetl zawartość w konsoli
      console.log(table);
      $.ajax({
        url: 'php/panel_learning/load_rows.php',
        type: 'GET',
        dataType: 'json',
        date: {data: JSON.stringify(table)}, // koduje zmienną table na format JSON, abym mógł ją przesłać za pomocą AJAX do PHP
        success: function(data) {
          // wyświetlenie danych w klasach
          for (var i = 0; i < data.length; i++) {
            if(data[i]['flaga']===1){
              $('.ang' + i).removeClass('.ang' + i).addClass(".ang" + i + ".correct-answer");
              document.querySelector(".ang" + i + " " + "correct-answer").innerHTML = data[i]['ang'];
            }
            if(data[i]['flaga']===0){
              document.querySelector('.ang' + i).innerHTML = data[i]['ang'];
            }
            if (data[i]['flaga']===1){
              document.querySelector('.my_word').innerHTML = data[i]['pl'];
            };
          }
        },
        error: function(xhr, status, error) {
        var errorMessage = 'Wystąpił błąd: ';
        if (xhr.status === 0) {
        errorMessage += 'Nie można połączyć się z serwerem.';
        } else if (xhr.status === 404) {
        errorMessage += 'Nie znaleziono żądanego pliku.';
        } else if (xhr.status === 500) {
        errorMessage += 'Wewnętrzny błąd serwera.';
        } else if (error === 'parsererror') {
        errorMessage += 'Nie można przetworzyć odpowiedzi JSON.';
        } else if (error === 'timeout') {
        errorMessage += 'Przekroczono czas oczekiwania na odpowiedź serwera.';
        } else if (error === 'abort') {
        errorMessage += 'Anulowano żądanie.';
        } else {
        errorMessage += 'Nieznany błąd: ' + xhr.responseText;
        }
        console.log(errorMessage);
        }
    });
    }

Plik PHP

$table = json_decode($_GET['data']);
echo $table;

Identyfikacja błędu wyświetlana w konsoli

Wystąpił błąd: Nieznany błąd: <br /> <b>Warning</b>: Undefined array key "data"

Orginalna zawartość zmiennej $table

test

Ajax edycja rekordu

Fri, 03 Mar 2023 21:51:51 +0000

Witam.

Próbuje już od kilku godzin zrobić edycje rekordu w bazie danych, a dokładniej edycje rekordu. Problem leży w tym i mianowicie nie wiem dlaczego bo moim okiem programisty-amatora wygląda to dobrze, a jednak nie jest. Baza danych jest na pewno dobrze podłączona. W "zbadaj element" pokazuje ID oraz TRESC dobrze w rekordzie który chce zmienic. Chodzi tu o to, że nie wyświetla mi w modal treści kometarza, oraz nie zmienia treści zmienionego komentarza. Bardzo bym prosił o jakąś pomoc.

Dziekuje.

kod w index.php

 <script>

      const openModal = () => {
         $('#update_country').modal('show')
		    var div = $(event.relatedTarget);
		 	var id = div.data('id');
			var tresc = div.data('tresc');
			var item = $(this);
			modal.find('#tresc_modal').val(tresc);
			modal.find('#id_modal').val(id);
      }
      $('#update_country').modal({
        onApprove: function () {
          $('.result').text('Approved')},
        onDeny: function () {
          $('.result').text('Denied')},
      })
	  
$(document).on("click", "#edytuj", function() {
		$.ajax({
			type: "POST",
			url: "ajax_edytujkom.php",
			cache: false,
			data:{
				id: $('#id_modal').val(),
				tresc: $('#tresc_modal').val(),
			},
			success: function(dataResult){
				var dataResult = JSON.parse(dataResult);
				if(dataResult.statusCode==200){
					$('#update_country').modal().hide();
					alert('Komentarz zmieniony!');
					location.reload();					
				}
			}
		});
		});

    </script>

kod modal który sie otwiera lecz nie pokazuje treści komentarza:

       <div class="ui modal"
             id="update_country">
          <div class="header">
            Edycja komentarza
          </div>
  
          <div class="content">
<input type="text" name="tresc_modal" id="tresc_modal" class="form-control-sm" required>
            <br />
          </div>
		  <input type="hidden" name="id_modal" id="id_modal">
          <div class="actions">
<button class="ui green button" type="submit" id="edytuj">Zapisz</button>
            <div class="ui red cancel button">
              <i class="close icon"></i>
              Anuluj
            </div>
          </div>
        </div>

jQuery $.post wartość zwracanych danych jest pusta

Tue, 17 Jan 2023 00:47:59 +0000

Hej, mam taki problem, że wykonuje post-a który leci do innego pliku poprzez ajax-a i funkcja w php zwraca wartość 123, która ma zostać później wyświetlona (alert / console.log - bez znaczenia), ale wartość ta, zawsze jest pusta :( i nie wiem czemu...

Mój jQuery:

$.post(
  "ajax/ajax.php",
  { akcja: "CheckRegisterForm", login: loginVal },
  function (data, status) {
    alert("Data: " + data + "\nStatus: " + status);
  }
);

Mój php:

$action["action"] = prepare_input(prepare_request("action"));
switch ($action["action"]) {
    case 'CheckLogin':
         print 123;
    break;
}

I wszystko działa do momentu odebrania wartości (data). Ma ktoś jakieś pomysły?

Nie działa ajax na hostingu

Wed, 14 Dec 2022 17:53:55 +0000

Witajcie

Napotkałem taki problem na hostingu i nie wiem o co chodzi, napisałem do prv.pl ale może z was ktoś będzie miał jakiś pomysł, resztę problemów rozwiązałem

skopiowałem katalog yohabs z
https://abrakadabra111.prv.pl/yohabs/#
do
https://yohabs.prv.pl/yohabs/#

tutaj video

https://youtu.be/GVGIYHEKUxQ

i na https://abrakadabra111.prv.pl/yohabs/# działa kontakt (ajax/php) a na https://yohabs.prv.pl/yohabs/# nie działa

gdzie tu może być problem bo jestem już głupi

Symfony form, nie mogę obsłużyć requestu wysłanego przez ajax

Wed, 07 Sep 2022 17:34:37 +0000

Cześć, próbuję obsłużyć request, który zawiera dane z formularza, używając ajaxa. Jednak gdy już zrobiłem to zapytanie, nie mogę tego obsłużyć tak jak w normalnym przypadku bez ajaxa używając:

$form->isSubmitted() && $form->isValid()

próbowałem zrobić osobne ify, aby sprawdzić czy działa form->isSubmitted, bez $form->isValid i nie dało to żadnego efektu, bo po prostu te ify się nie uruchamiały.

Mój skrypt renderujący wygląd

 public function index(Request $request, EntityManagerInterface $entityManager): Response
    {
        $category = new Category();

        $list = $entityManager->getRepository(Category::class)->listCategory();

        return $this->render('admin/index/category.html.twig', [
            'categoryForm' => $form->createView(),
            'list'         => $list
        ]);
    }

mój ajax

$(document).ready(function(){
    $("#category-add").submit(function(e){
        e.preventDefault();

        var form = $(this);

        $.ajax({
            type: "PUT",
            url: '/api/admin/category',
            data: form.serialize(),
            dataType: 'x-www-form-urlencoded',
            success: function(data)
            {
                console.log(data);
            }
        });
    });
});

Skrypt w którym próbuje obsłużyć request

 public function add(Request $request, EntityManagerInterface $entityManager): Response
    {
        $category = new Category();
        $form = $this->createForm(CategoryFormType::class, $category);
        $form->handleRequest($request);


        if ($form->isSubmitted() && $form->isValid()) {
            $category->setCategoryName($form->get('categoryName')->getData());

            $entityManager->persist($category);
            $entityManager->flush();

            return new response('true');        
        }
        return new response('false');
    }
}

twig template

                                        <form id="category-add">
                                            <input type="hidden" name="csrf_token" value="{{ csrf_token('add-category') }}" />
                                            <input type="text" name="categoryName" placeholder="Nazwa kategorii" class="w-full bg-black border border-grey-one rounded px-4 py-2 focus:outline-none text-sm text-white-two mb-4" />
                                            <button class="w-full uppercase bg-green-three px-6 py-3 rounded-md text-white font-semibold tracking-wide text-xs focus:outline-none" type="submit">Dodaj</button>
                                        </form>

Zapytanie AJAX

Thu, 01 Sep 2022 15:41:26 +0000

Witam, czy to normalne, że jeżeli za pomocą AJAXa wyślę zapytanie

let xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function(){
        if(this.status == 200)
        {
            console.log(this.responseText);
        }
    }
    xhr.open('GET', `field.php?f=${field}`, true);
    xhr.send();

to w konsoli dostanę najpierw 2 razy pustą wiadomość, a później dopiero prawidłową?

EDIT: zmieniłem przychodzący responseText i teraz dostaję 1 wiadomość pustą i 2 prawidłowe, ale nadal coś jest chyba nie tak, bo dostaję 3 wiadomości zamiast 1

doddanie do podglądu modal update mysqli?

Mon, 09 May 2022 18:21:34 +0000

Witam kombinuje jak dodać update do bazy przy otwarciu modal i nie wiem czy w ogóle się to tak da jak sobie wymyśliłam mam tak

  $(document).ready(function () {        
        $('.viewbtn').on('click', function () {            
            $('#viewmodal').modal('show');            
            $tr = $(this).closest('tr');            
            var data = $tr.children("td").map(function () {
            return $(this).text();
            }).get();            
            console.log(data);            
            $('#update_id').val(data[0]);
            $('#title').val(data[1]);
            $('#email').val(data[2]);
            $('#message').val(data[3]);
            $('#data').val(data[4]);
                },
            })
        });
    });

i w oknie modal wyświetla dany wpis z bazy dla danego id i chce żeby przy podglądzie od razu wysyłał UPDATE

viview = 1 i w tedy będę miała info z bazy że dany wpis został przeczytany

 $(document).ready(function () {        
        $('.viewbtn').on('click', function () {            
            $('#viewmodal').modal('show');            
            $tr = $(this).closest('tr');            
            var data = $tr.children("td").map(function () {
            return $(this).text();
            }).get();            
            console.log(data);            
            $('#update_id').val(data[0]);
            $('#title').val(data[1]);
            $('#email').val(data[2]);
            $('#message').val(data[3]);
            $('#data').val(data[4]);

            var viview_id = $('#update_id').val(data[0]);
            $.ajax({
                url: "viview_email.php",
                type:"POST",                
                data:{
                    id: viview_id,
                    viview: 1,
                },
            })
        });
    });

dałam tak ale nie działa, ale moja wiedza z ajax jest dość słaba i kombinuje ale nic nie idzie

<?php
include('authentication.php');
if(isset($_POST['viview_id'])){
    $id = $_POST['viview_id'];
    $viview = $_POST['viview'];
    $query = "UPDATE `mailing` SET  viview='$viview' WHERE id='$id' ";
    $query_run = mysqli_query($con, $query);
}
?>

nie wiem w sumie jak to powinno być poprawnie zrobione będę wdzięczna za sugestie i wskazówki

Wyświetlenie listy ajax'em

Mon, 25 Apr 2022 11:25:36 +0000

Cześć wszystkim

Dostałam takie zadanie, które polega na wyświetlaniu listy produktów wykorzystując ajax do pliku products.json który zawiera objekt JSON zawierający nazwę produktu, statusu produktu oraz cenę. Na liście należy dodać select do filtrowania produktów po statusach ("prod_status": "recommended|saleout|bestseller|promotion|new",).

Poniżej wstawiam mój kod. Czy o to w tym zadaniu chodziło? Czy powinnam zrobić to inaczej?

index.html:

<!DOCTYPE html>
<html lang="pl">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>AJAX - Fetch</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@700&family=Roboto:wght@500&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <div class="form_group">
  <form class="form">
    <label>Sortuj:
      <select class="select_filter" name="gender">
        <option value="all" selected>Wszystko</option>
        <option value="recommended">Rekomendowane</option>
        <option value="saleout">Wyprzedaż</option>
        <option value="bestseller">Bestseller</option>
        <option value="promotion">Promocja</option>
        <option value="new">Nowość</option>
      </select>
    </label>
  </form>
</div>

  <div class="products_list">
  </div>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  <script src="main.js"></script>
</body>

</html>

main.js:

$(document).ready(function() {
  function listOfProducts() {
    var filter = $('.select_filter').val(); 
    
    $.getJSON( "products.json", function( data ) {
      var items = [];
      $.each( data, function( key, val ) {
        
        var nameOfProduct = val.prod_name;
        var priceOfProduct = val.prod_price;
        var statusOfProduct = val.prod_status;

        if(filter == 'all') {
          if(statusOfProduct == undefined) {
            return false;
          }

          items.push( `<div class="item">
          <div class="img_wrapper">
          <img src="https://dummyimage.com/400x3:4 " alt="">
          </div>
          <div class="item_info">
          <div class="name">`
          +nameOfProduct +
          `</div>
            <div class="price">`
              +priceOfProduct +
            ` zł</div>
          </div>
        </div>` );
        }
        
        else if(statusOfProduct == undefined) {
          statusOfProduct = '';
        }
        
        else if(statusOfProduct.includes(filter)) {
          items.push( `<div class="item">
          <div class="img_wrapper">
          <img src="https://dummyimage.com/400x3:4 " alt="">
          </div>
          <div class="item_info">
          <div class="name">`
          +nameOfProduct +
          `</div>
            <div class="price">`
              +priceOfProduct +
            `zł</div>
          </div>
        </div>` );
        }
      });
      
      $('.products_list').html(items);
      items.splice(0, items.length);
    });
  }
  
  listOfProducts();
  
  $(".select_filter").change(function(){
    listOfProducts();
  });
});

products.json:

{
  "response_code": 200,
  "0": {
    "prod_id": "1",
    "prod_price": "69.00",
    "prod_status": "",
    "prod_name": "Produkt Przyk\u0142adowy Bluza K166 - Odcienie zieleni"
  },
  "1": {
    "prod_id": "2",
    "prod_price": "89.00",
    "prod_status": "",
    "prod_name": "Produkt Przyk\u0142adowy Bluza K189 - Odcienie \u017c\u00f3\u0142tego"
  },
  "2": {
    "prod_id": "3",
    "prod_price": "188.00",
    "prod_status": "promotion",
    "prod_name": "Produkt Przyk\u0142adowy Bluza M304 - r\u00f3\u017c"
  },

  "3": {
    "prod_id": "4",
    "prod_price": "153.00",
    "prod_status": "",
    "prod_name": "Produkt Przyk\u0142adowy Bluza M331 - szary"
  },
  "4": {
    "prod_id": "5",
    "prod_price": "136.00",
    "prod_status": "promotion",
    "prod_name": "Produkt Przyk\u0142adowy Bluza M346 - ecru"
  },
  "5": {
    "prod_id": "6",
    "prod_price": "66.99",
    "prod_status": "recommended",
    "prod_name": "Produkt Przyk\u0142adowy Bluza z Kwiatowym Nadrukiem w Stylu Vintage"
  },
  "6": {
    "prod_id": "7",
    "prod_price": "29.00",
    "prod_status": "",
    "prod_name": "Produkt Przyk\u0142adowy Bluzka K052 Wyprzeda\u017c !!! - Odcienie br\u0105zu i be\u017cu"
  },
  "7": {
    "prod_id": "8",
    "prod_price": "29.00",
    "prod_status": "promotion",
    "prod_name": "Produkt Przyk\u0142adowy Bluzka K052 Wyprzeda\u017c !!! - Odcienie czerwieni"
  },
  "8": {
    "prod_id": "9",
    "prod_price": "29.00",
    "prod_status": "new",
    "prod_name": "Produkt Przyk\u0142adowy Bluzka K052 Wyprzeda\u017c !!! - Odcienie ecri"
  },
  "9": {
    "prod_id": "11",
    "prod_price": "49.00",
    "prod_status": "new,saleout",
    "prod_name": "Produkt Przyk\u0142adowy Bluzka K165 - Odcienie niebieskiego"
  },
  "10": {
    "prod_id": "12",
    "prod_price": "49.00",
    "prod_status": "",
    "prod_name": "Produkt Przyk\u0142adowy Bluzka K165 - Odcienie szaro\u015bci"
  },
  "11": {
    "prod_id": "13",
    "prod_price": "33.93",
    "prod_status": "recommended",
    "prod_name": "Produkt Przyk\u0142adowy Bluzka K167 - Odcienie niebieskiego"
  },
  "12": {
    "prod_id": "14",
    "prod_price": "39.00",
    "prod_status": "promotion,bestseller",
    "prod_name": "Produkt Przyk\u0142adowy Bluzka K167 - Odcienie r\u00f3\u017cu"
  }
}

Przekazywanie informacji użytkownikowi czy dane zostały dodane do bazy

Wed, 20 Apr 2022 15:53:28 +0000

Cześć chciałbym poinformować klienta czy jego dane zostały dodane lub też nie do bazy i postanowiłem do funkcji która zwraca mi informację z php dopisać instrukcję warunkową, która ma na podstawie wartości otrzymanej z php wyświetlić użytkownikowi określony komunikat, problem polega na tym, że instrukcja działa, lecz za każdym razem wykonuje się tylko else, pomimo tego, że php zwraca wartość true to i tak if zwraca mi else, nie wiem dlaczego tak się dzieje, proszę o wyjaśnienie, co robię źle.

Kod js:

$.ajax({
              url: "../php/sendLinktoDatabase.php",
              type: "POST",
              data: {
                readyShortenedLink: `${readyShortenedLink}`,
                Legit_or_not: `${Legit_or_not}`,
                userDescription: `${userDescription}`,
                channelId: `${channelId}`,
                channelTitle: `${channelTitle}`,
              },
              success: function (output) {
                console.log("Feedback from php: " + output);
                if (output === "true") {
                  console.log("Added to database: " + output);
                } else {
                  console.log("Error: " + output);
                }
              },
            });

Kod php:

 if($row['num'] > 0){
         
          echo 'false';
     
       } else {
   
           $sql = "INSERT INTO stream_security.users_links (`YtLink`, `Safe`, `ChannelTitle`, `ChannelId`, `Description`, `UserTime`) VALUES (:yt_link, :Legit_or_not, :channelTitle, :channelId, :banDescription, :users_time)";
   
           $statement = $connect->prepare($sql);
   
           $statement->bindValue(':yt_link', $data['readyShortenedLink']);
           $statement->bindValue(':Legit_or_not', $data['Legit_or_not']);
           $statement->bindValue(':banDescription', $data['userDescription']);
           $statement->bindValue(':channelTitle', $data['channelTitle']);
           $statement->bindValue(':channelId', $data['channelId']);
           $statement->bindValue(':users_time', $date);
        
           $inserted = $statement->execute();  
            echo 'true';            
       }

Tutaj wynik z konsoli:

Ajax jquery pobieranie listy na podstawie selecta

Thu, 31 Mar 2022 14:02:08 +0000

Muszę pobrać dane z pliku JSON Ajaxem i wyświetlić listę produktów. Następnie po zmianie selecta musi się zmienić lista produktów. Czy da się zrobić wszystko jQuery? Czy po zmianie selecta znowu mam pobierać nową listę produktów?

  <form class="generator">
    <label class="generator__input-name">Sortuj:
      <select class="generator__select" name="gender">
        <option value="recommended" selected>Rekomendowane</option>
        <option value="saleout">Wyprzedaż</option>
        <option value="bestseller">Bestseller</option>
        <option value="promotion">Promocja</option>
        <option value="new">Nowość</option>
      </select>
    </label>
  </form>


$(document).ready(function() {

$.getJSON( "products.json", function( data ) {

    var items = [];
    $.each( data, function( key, val ) {

      var nameOfProduct = val.prod_name;
      var priceOfProduct = val.prod_price;
      var statusOfProduct = val.prod_status;

      items.push( "<li>" +nameOfProduct + ' ' + priceOfProduct + "</li>" );
    });
   
    $( "<ul/>", {
      "class": "products_list",
      html: items.join( "" )
    }).appendTo( "body" );
  });


  $(".generator__select").change(function(){
    var filter = $('.generator__select').val(); 
       console.log(filter); 

<--tu pobieram wartość z selecta i nie wiem co dalej
   });
  });

W ogóle to czy wyświetlenie tej listy poprzez push i appendTo jest prawidłowe?

porównanie z input value ze zmienną jeśli null przekazanie do ajax do wczytania kodu php wykonalne??

Mon, 14 Mar 2022 00:06:12 +0000

Witajcie utknęłam i potrzebuje pomocy z racji że js nie może mi wyświetlić kodu php może ktoś podpowie jak to można zrobić a mianowicie :

<script>
var element = document.getElementById("txt_file-1").value;
if (element === <?php echo $img1?>)
 {
    <?php 
     
        in_array ($img1, $image_file) {
        $index = array_search( $img1, $image_file);
        $image_file[$index] = $img_file_post['name'][$index];
        $path = 'upload/' .$img1;
        unlink($path);
        }
    ?>

}
</script>

i teraz tak w php potrzebuje zrobić tak żeby pobrać dane z input value porównać ze zmienną i jeśli nie są takie same to ma zostać wykonany kod php którego zadaniem jest usunięcie z serwera pliku file przed zapisaniem nowego i teraz czy js przyjmie mi zmienną podaną jako echo php i jak uruchomić skrypt php jeśli js wykryje niezgodność, zaznaczam że się uczę i próbuje to jakoś w prosty ale poprawny sposób zrobić

będę wdzięczna za wszystkie porady i sugestie

ps chyba, że jest jakiś inny sposób, a ja próbuje wymyślić koło na nowo /:

Drugi skrypt ajax nie działa poprawnie po załadowaniu pierwszego

Sat, 05 Mar 2022 13:49:10 +0000

Cześć,

Mam takie dwa skrypty jak poniżej. Oba działają poprawnie jeśli używam ich oddzielnie, jednak jak załaduję pierwszego, a następnie drugiego to już nie. Działa to tak, że ten drugi skrypt potrafi zmienić css, ale już wartości nie. Podejrzewam, że jest to związane z metodą .load() w pierwszym skrypcie, ale sam nie potrafię rozwikłać problemu.

Z góry dziękuję za pomoc.

Pierwszy kod:

var basketAddTimeout;
var ajaxSubmitForm;

    ajaxSubmitForm = function() {
        $this = $('#projector_button_basket');
		
        var url = $('#projector_form').attr('action');
        var txt = $this.text().trim();
        clearTimeout(basketAddTimeout);
        $.ajax({
            type: 'POST',
            url: url,
            data: $('#projector_form').serializeArray(),
            success: function(data) {	
                basketAddTimeout = setTimeout(function() { 
					openbasket();
					koszyczekk();
					$('#Basket').load(' #projector-basket-form');
                }, 1000)
                fetch('/ajax/basket.php').then(res => res.json()).then(({
                    basket
                }) => {
                    const number = basket.productsNumber;
					const number12 = basket.worth_formatted;
					$('#kwota-basket').text(number12);
					
                    document.getElementById('badgekoszyka').style.display = 'block';
					$( "#badgekoszyka" ).fadeOut( "slow");
					$( "#badgekoszyka" ).fadeIn( "slow");
                    $('#menu_basket .badge').text(number);
                    $('#badgekoszyka').text(number);
					
                })
            },
            error: function() {
                classObj.alert(classObj.txt.dodano_produkt_blad);
                $('#projector_button_basket').html(txt);
                $('#projector_button_basket').removeClass('loader');
            }
      });
    }

$(document).on('submit', '#projector_form', function(e) {
    
   
    ajaxSubmitForm();
	 e.preventDefault();
});

Drugi:

var ajaxSubmitForm2;

    ajaxSubmitForm2 = function() {
        var url = '/basketchange.php?type=multiproduct';
		$('#loaders').addClass('loader-koszyk');
		$('#blok-koszyk').css('filter','blur(3px)');
		let xxx = $('#projector-basket-form').serializeArray();
     
        $.ajax({
            type: 'POST',
            url: url,
            data: $('#projector-basket-form').serializeArray(),
            success: function(data) {
               
							koszyczekk();
							
                
                fetch('/ajax/basket.php').then(res => res.json()).then(({
                    basket
                }) => {
					
					
                    const number = basket.productsNumber;
                    const number12 = basket.worth_formatted;
					$('#kwota-basket').text(number12);
                    $('#menu_basket .badge').text(number);
                    $('#badgekoszyka').text(number);
					$('.topBasket').load('/basketchange.php?type=multiproduct&mode=2 .topBasket>*', function() {});
					$('#loaders').removeClass('loader-koszyk');
					$('#blok-koszyk').css('filter','blur(0px)');
				
                })
            },
            error: function() {
                classObj.alert(classObj.txt.dodano_produkt_blad);
			}
        });
    }


$(document).on('click', '#usuwanie-koszyk, #dodawanie-koszyk, #usuwanie-calkowite ', function() {
	
	ajaxSubmitForm2();
	e.preventDefault();

});

Aktualizacja w bazie danych

Thu, 03 Mar 2022 13:55:36 +0000

Cześć!

Mam prostą bazę danych składającą się z ilości danej rzeczy, obecnie pobieram dane tak:

while($row = mysqli_fetch_assoc($result)) {
                                                    echo '<tr>';
                                                    echo '<td>'.$row['id'].'</td>';
                                                    echo '<td class="txt-oflo">'.$row['czesc'].'</td>';
                                                    echo '<td>'.$row['ilosc'].'</td>';
                                                    echo '<td>
                                                    <input type="text" name="ilosc"  
                                                    placeholder="'.$row['ilosc'].'" 
                                                    style="width:40px;">
                                                    </td>';
                                                    echo '</tr>';
                                                    }

Jednak w miejsce edytuj potrzebuje wypisać mały input, który będzie pobierał wartość z ilości.

Niestety o ile jestem w stanie wypisać sam input jako formularz do każdego wiersza, nie bardzo wiem jak odesłać do ajaxa zmianę, jakieś podpowiedzi?

Ajax ustalanie ceny zamówienia w zależności od wyboru

Wed, 16 Feb 2022 11:32:59 +0000

Za pomocą klasycznego Javascriptu byłbym w stanie to napisać, ale ajaxa średnio znam, czy znacie jakieś poradniki jak stworzyć aktualizacje ceny w zależności od wyboru?

Jak w ajax na tym samym pliku dodać drugą wartość do podmiany przy getElementById

Tue, 08 Feb 2022 10:36:46 +0000

Witam borykam się z problemem i nie wiem jak zrobić żeby na już działającym getElementById gdzie po wybraniu daty ładuje tabelkę z danymi i mam problem żeby dodatkowo załadował date w inne miejsce razem z tabelką którą ładuje przy $("#ans").html(data).

function selectf_data() {

            var x = document.getElementById("mobile").value;

            $.ajax({
                url: "pokazfakture.php",
                method: "POST",
                data: {
                    id: x
                },
                success: function(data) {
                    $("#ans").html(data);
                }
            })
        }

i ten script ładuje mi dane pobrane z

<?php

$k = $_POST['id'];
$k = trim($k);
$fak = mysqli_connect("localhost", "root", "", "osadnicy");
$sql = "Select * from faktura where f_data='{$k}'";
$res = mysqli_query($fak, $sql);
while ($rows = mysqli_fetch_array($res)) {
 ?>
    <tr>
        <td align="left" colspan="2">
            Zaliczka na czynsz,<br>
            fundusz remontowy,
            wywóz nieczystości,<br>
            wodę zimną i ciepłą,
            odprowadzenie ścieków,<br>
            ogrzewanie,
            koszty spółdzielni <br>
        </td>
        <td data-th="Kwota Brutto">
            <?php echo $rows['f_czynsz']; ?>zł
        </td>
    </tr>
    <tr>
        <td colspan="2">
            Zaliczka za energię elektryczną
        </td>
        <td data-th="Kwota Brutto">
            <?php echo $rows['f_prad']; ?>zł
        </td>
    </tr>
    <tr>
        <td colspan="2">
            Zaliczka na gaz
        </td>
        <td data-th="Kwota Brutto">
            <?php echo $rows['f_gaz']; ?>zł
        </td>
    </tr>
    <tr>
        <td colspan="2">
            Zaliczka na ubezpieczenie
        </td>
        <td data-th="Kwota Brutto">
            <?php echo $rows['f_ubez']; ?>zł
        </td>
    </tr>
    <tr>
        <th colspan="2" align="right">Razem:</th>
        <td data-th="Do zapłaty">
            <span style="color: green;"><?php echo $rows['f_razem']; ?>zł</span>
        </td>
    </tr>
<?php
}
$fak->close();

echo $sql;
?>

i teraz kombinuje jak z

$rows = mysqli_fetch_array($res))

które załaduje mi dane po wybraniu daty (i to już działa) ale jak przesłać dodatkowo przy tej samej funkcji

<?php echo $rows['f_data]; ?>

do innego id (np data) i zastąpi mi dane obecne tak jak to robi z tabelą

kombinowałam z podstawianiem nowych id w ajax do obecnej funkcji ale nie za bardzo jeszcze ogarniam ajaxa a w php próbowałam

<?php $_SESSION['f_data1'] = $rows['f_data']; ?>

ale to wyświetla mi obok istniejącej a potrzebuje żeby ją zastępował czyli po wybraniu jakiejś archiwalnej daty pokazał dane z datą z tamtego okresu w wybranym miejscu

była bym bardzo wdzięczna za pomoc albo nakierowanie co robię źle lub jak powinno się to robić

pobranie zmiennych sesyjnych przy wywołaniu przez xhr

Sat, 15 Jan 2022 03:01:19 +0000

Witajcie,

mój problem polega na tym, że javascript wykonuje żadanie xhr do pliku php, który wykonuje akcje. Wszystko w tej kwestii działa, ale mój plik wykonawczy php, który odbiera dane z javascripta xhr'em nie weryfikował uprawnień zalogowanego użytkownika, uprawnienia użytkownika przy zalogowaniu zapisuje do $_SESSION['rola'], chciałbym aby skrypt wykonawczy php wykonywał się jedynie gdy $_SESSION['rola'] == 'admin', tworząc to rozwiązanie zauważyłem, że skrypt wykonawczy php, który inicjowany jest przez xhr nie posiada sesji php ustanowionej przez zalogowanego użytkownika.

    $sesjaDecode = json_decode($_SESSION, true);

    var_dump($sesjaDecode); //kod ten zwraca NULL json'em

Teraz proszę Was o podpowiedź, jak mogę rozwiązać mój problem? Czy powinienem wysyłać unikalny API key i API Secreet key, który posiadam w swojej aplikacji, na jego podstawie jestem w stanie sprawdzić czy user, który zlecił wykonanie akcji xhr ma do tego uprawnienie. Czy może powinienem wykonać to w inny sposób?

Uncaught TypeError: $(...).TouchSpin is not a function

Mon, 03 Jan 2022 12:51:49 +0000

Witajcie,

staram zaimplementować bibliotekę TouchSpin do bootsrapa. Z dema biblioteki z githuba skopiowałem sobie tagi <script> ładujące wszystko do mojego projektu, ale niestety cały czas w konsoli dostaję komunikat: Uncaught TypeError: $(...).TouchSpin is not a function at zarobki.php:188.

Na demie touchspin'a ukazane jest jedynie by dodać odpowiednio:

<script>
   $("input[name='amount']").TouchSpin();
</script>

w miejscu, w którym chcemy utworzyć nasz TouchSpin input. Mój input w html wygląda następująco:

<input id="amount" type="text" value="0" name="amount" data-bts-min="0" data-bts-max="99999999" data-bts-init-val="" data-bts-step="1" data-bts-decimal="0" data-bts-step-interval="100" data-bts-force-step-divisibility="round" data-bts-step-interval-delay="500" data-bts-prefix="" data-bts-postfix="" data-bts-prefix-extra-class="" data-bts-postfix-extra-class="" data-bts-booster="true" data-bts-boostat="10" data-bts-max-boosted-step="false" data-bts-mousewheel="true" data-bts-button-down-class="btn btn-secondary" data-bts-button-up-class="btn btn-secondary" />

Do pliku zarobki.php ładuję:

    <script src="https://getbootstrap.com/docs/4.4/dist/js/bootstrap.bundle.min.js" integrity="sha384-6khuMg9gaYr5AxOqhkVIODVIvm9ynTT5J4V1cfthmT+emCG6yVmEZsRHdxlotUnm" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.9.0/feather.min.js"></script>
    <script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

    <script src="https://kit.fontawesome.com/7f9896023e.js" crossorigin="anonymous"></script>

    <script src="js/touchspin/jquery.bootstrap-touchspin.js"></script>
    <script src="https://code.jquery.com/jquery-latest.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/1.5.5/numeral.min.js"></script>

Strona z demem TouchSpin: https://www.virtuosoft.eu/code/bootstrap-touchspin/

Nie mam już pomysłu co mogłem zepsuć

Problem z formularzem AJAX/PHP

Mon, 29 Nov 2021 02:40:35 +0000

Witam,

Mam problem z formularzem zawartym w pliku PHP "generowanym" przez AJAX. Zrobiłem wyszukiwarkę, która przesyła dane poprzez AJAX do pliku php, w którym tworzony jest formularz mający zwracać dane do pierwotnego pliku metodą POST. Niestety, po kliknięciu submit'a, nic się nie dzieje. Oto mój kod:

JavaScript:

$(document).ready(function(){
	$("#name").keyup(function(){
		
		var input = $(this).val();
		if(input != "") {
			
		$.ajax({
			url:'search.php',
			method:'POST',
			data: {
				name:$("#name").val(),
			},

			success:function(data){
				$("#output").html(data);
			}
		});
		}else {
			
			$("#output").css("display","none");

		}
	});
});

search.php

<?php
require 'includes/conf.php';



$db = new mysqli($config['db_host'], $config['db_user'], $config['db_pass'], $config['db_name']);

if ($db->errno) {
    die ('<p class="error">Nie udało się połączyć z bazą danych.</p>');
}
$name=$_POST['name'];

$result2 = $db->query("SELECT * FROM produkty WHERE nazwa LIKE '%$name%' ORDER BY nazwa");
	$produkty = $result2->fetch_all(MYSQLI_ASSOC);

?>
            <div class="users-table table-wrapper">
              <table class="POSTs-table">
                <thead>
                  <tr class="users-table-info">
                    <th>Obraz</th>
                    <th>Ilość</th>
                    <th>Zamów</th>
                  </tr>
                </thead>
                <tbody>
						<?php foreach($produkty as $produkt) :  ?>
<form method="POST" enctype="multipart/form-data" action="zamawianie.php">
				<tr>
				
                    <td>
				
                      <label class="users-table__checkbox">
                        <div class="categories-table-img">
							<input type="hidden" name="zdjecie" value="<?= $produkt['zdjecie']; ?>">

                          <picture><source srcset="admin/uslugi/<?= $produkt['zdjecie']; ?>" type="image/webp"><img src="admin/uslugi/<?= $produkt['zdjecie']; ?>" alt="category"></picture>
                        </div>
                      </label>
                    </td>
					
					<td>
                      <input id="number" name="ilosc" type="number" value="" style="max-width: 40px" min="1">

                    </td>
                    <td>
					
					
					<p><input type="submit" value="Zamów" class="badge-pending"></submit></td></p>
                  </tr></form>


				
				
				
				<?php endforeach; ?>


                </tbody>
              </table>
            </div>

Wysłanie zapytania sql w tle, bez przeładowania strony

Thu, 07 Oct 2021 05:00:01 +0000

Proszę o pomoc w zakresie korekty poniższego kodu

function HideContent(d)
{
  var id_a = $("#id_a").val();
  var f    = document.getElementsByName('rang');
  var v;

for(var i = 0; i < f.length; i++){
    if(f[i].checked){
        v = f[i].value;
    }
  }
  
  
  $.ajax({
      method :"POST",
        url  :"zapisz.php",
        data : {id_a:id_a, v:v},
     success :function() {
          alert( "Zapisano dane");
        },
     error   : function(blad) {
          alert( "Wystąpił błąd");
        }
    });

skrypt ma za zadanie pobranie dwóch zmiennych z formularza i wywołanie w tle pliku z zapytaniem do bazy z przesłanymi 2 parametrami. Nie wywołuje mi pliku zapisz.php :(. Już teraz dziękuję za podpowiedzi.

Input po wpisaniu kodu przenosi wybrany produkt do koszyka, jak pominąć event klikania w przycisk

Sun, 15 Aug 2021 22:08:43 +0000

Mam ileś produktów w magazynie, i chce aby po wpisaniu w input zostały one automatycznie wysłane do koszyka.
(scaner kodów ean). Jak mogę pominąć proces klikania w przycisk?

Niedzialajaca funkcja - problem ze skladnia

Sat, 07 Aug 2021 08:50:49 +0000

Czesc, mam problem poniewaz funkcja printLabel nie dziala, czy to blad skladni i powinienem to inaczej zpisac?

$('.fcrp-tooltip').append('<a class="fcrp-ti " target="_blank" id="print">Print</a>');

function PrintAsin(e) {
    $.ajax({
    method: "POST",
    headers: {'content-type':"application/x-www-form-urlencoded;charset=UTF-8"},
    url: "http://fcresearch-"+prod.toLowerCase()+".aka.amazon.com/"+$.cookie('fcmenu-warehouseId')+"/results/product",
    data: { s: asin},
    success: function(data){ 
        $('#worksheet').html(data);
        let isXasin =  $('#worksheet td').filter(function() {
        //Filtrowanie komorek ([0-9]{1}([A-Z0-9]){7})
        return $(this).text().match(/(X0)([A-Z0-9]{8})/) && $(this).text().length == 10;
        }).length;
        let title = (isXasin > 0)?$('#worksheet td:eq(2)').text():$('#worksheet td:eq(1)').text();
 
        let employee =$.cookie('fcmenu-employeeId');
 
        let zpl = "^XA^BY3^FO40,40^BCN,80,N,N,N,D^FD"+asin+"^FS";
        zpl += "^A0N,45,45^FO40,160^FD"+asin+"^FS";
        zpl += "^A0N,26,25^FO380,160^FD"+employee+"^FS";
        zpl += "^A0N29,29^FB600,3,0,L,0^FO40,200^FD"+title+"^FS";
        zpl += "^A0N38,38^FO40,265^FDNewItem^FS";
 
        let qty =(qty)?qty:getQty(asin);
        if(!isNaN(qty)){printLabel(zpl,title,qty,'N');}
 }
 });
 };
 function printLabel() {
 $.ajax({
 method:"POST",
 timeout: 100,
 url: "http://10.234.243.204:5964",
 data: zplCode
 });
 }

 $('#print').on('click', PrintAsin);

Z gory dziekuje.

Ponowne wywołanie funkcji przed jej zakończeniem

Sun, 01 Aug 2021 13:32:08 +0000

Dzień dobry,

Posiadam funkcję, po której wywołaniu jest wysyłany Ajax, który zwraca określoną wartość. Problem w tym, że jeżeli wywołam funkcję i w trakcie oczekiwania na odpowiedź z serwera wywołam ją ponownie (np. z innym parametrem), to funkcja zostanie wykonana dopiero po uzyskaniu odpowiedzi.

Czy istnieje możliwość wysyłania funkcji bez konieczności oczekiwania?

Na przykład: odpowiedź serwera trwa 10 sekund, wysyłam funkcję i po 2 sekundach wysyłam ją ponownie, następnie otrzymuję zwrot 1 wywołania i po chwili zwrot 2 wywołania.

Czy istnieje możliwość uruchomienia funkcji w tle?

Z góry dziękuje za pomoc

Wysłanie danych do drukarki nie działa - zebra gt430x

Thu, 29 Jul 2021 03:14:03 +0000

Cześć, mam problem z kodem. Próbuje wysłać kod ASIN do drukarki w formie kodu ZPL, lecz po wysłaniu danych drukarka nie reaguje.

Kod wygląda następująco:

$('.fcrp-tooltip').append('<a class="fcrp-tix ">Print</a>');

    $('.fcrp-tix').click(function print(){
        var zpl = "^XA^BY2,2,70^FO40,80^BC^'+itemAsin+'^FS^XZ";
        var url = "http://localhost:5965";
        var method = "POST";
        var async = true;
        var request = new XMLHttpRequest();

     /*   request.onload = function () {
        var status = request.status;
        var data = request.responseText;
        output.innerHTML = "Status: " + status + "<br>" + data;
        }
     */
        request.open(method, url, async);
        request.setRequestHeader("Content-Length", zpl.length);


        request.send(zpl);
        });

Z góry dziękuję za pomoc.

Pobieranie zmiennej z wiersza tabeli (SQL, PHP) do Javascriptu

Fri, 18 Jun 2021 06:00:06 +0000

Witam, mam mały kłopot z pobraniem przez skrypt zmiennej zawartej w pętli WHILE (dane z bazy SQL). Wiem jak zawrzeć zmienną z PHP w skrypcie - jednak jest to zmienna stała, a ja chciałbym by była to zmienna, która wynika z obliczeń z danego wiersza w tabeli SQL. Celem jest zliczanie w czasie rzeczywistym dodanych w inputach wartości z wartościami zawartymi w zmiennych z pojedynczych wierszy.Poniżej przedstawiam przykład:

// pętla 
while($r = mysql_fetch_object($wynik)) {

// sumowanie i zlicznie wartości zawartych w tabeli SQL
$godziny_pracy = mysql_result(mysql_query("SELECT SUM(hours) FROM a_karta WHERE type='P' AND user LIKE '$user'"),0);
$nadgodziny = mysql_result(mysql_query("SELECT SUM(uphours) FROM a_karta WHERE type='P' AND user LIKE '$user'"),0);
$l4 = mysql_result(mysql_query("SELECT SUM(khours) FROM a_karta WHERE kind='L4' AND user LIKE '$user'"),0) / 10000;
$urlop = mysql_result(mysql_query("SELECT SUM(khours) FROM a_karta WHERE kind LIKE '%U%' AND user LIKE '$user'"),0) / 10000;
$dpopoludniowy = mysql_result(mysql_query("SELECT SUM(dnight) FROM a_karta WHERE user LIKE '$user'"),0);
$dweekendowy = mysql_result(mysql_query("SELECT SUM(dweek) FROM a_karta WHERE user LIKE '$user'"),0) / 2;
$sum_inne = mysql_result(mysql_query("SELECT COUNT(kind) FROM a_karta WHERE kind ='IN' AND MONTH(date) = '$date_month' AND YEAR(date) = '$date_year' AND user LIKE '$user'"),0);
$sum_duty = mysql_result(mysql_query("SELECT COUNT(duty) FROM a_karta WHERE duty ='TAK' AND MONTH(date) = '$date_month' AND YEAR(date) = '$date_year' AND user LIKE '$user'"),0);
$sum_dnight = mysql_result(mysql_query("SELECT COUNT(dnight) FROM a_karta WHERE dnight ='1' AND MONTH(date) = '$date_month' AND YEAR(date) = '$date_year' AND user LIKE '$user'"),0);
$sum_dweek = mysql_result(mysql_query("SELECT COUNT(dweek) FROM a_karta WHERE dweek ='1' AND MONTH(date) = '$date_month' AND YEAR(date) = '$date_year' AND user LIKE '$user'"),0);

// obliczenia z danych pobranych i wyliczonych z tabeli SQL 
$obliczenia_godziny = $godziny_pracy*$stawka;
$obliczenia_nadgodziny = $nadgodziny*1.5*$stawka;
$obliczenia_urlopy = $urlop*$stawka;
$obliczenia_l4 = $l4*0.8*$stawka;
$premia = 0;
$obliczenia_premia = ($premia/100)*($obliczenia_godziny+$obliczenia_nadgodziny);
$obliczenia_dpopołudniowy = $dpopoludniowy*50;
$obliczenia_dweekendowy = $dweekendowy*200;
$obliczenia_razem = $obliczenia_godziny + $obliczenia_nadgodziny + $obliczenia_urlopy + $obliczenia_l4 + $obliczenia_premia + $obliczenia_dpopołudniowy + $obliczenia_dweekendowy;

//Wyniki
	echo '<tr class="second">';
			echo '<td></td>'; 
			echo '<td></td>'; 
			echo '<td>'.money_format('%.2n', $obliczenia_godziny).' zł</td>'; 
			echo '<td>'.money_format('%.2n', $obliczenia_nadgodziny).' zł</td>'; 
			echo '<td>'.money_format('%.2n', $obliczenia_urlopy).' zł</td>'; 
			echo '<td>'.money_format('%.2n', $obliczenia_l4).' zł</td>'; 
			echo '<td>'.money_format('%.2n', $obliczenia_premia).' zł</td>'; 
			echo '<td>'.money_format('%.2n', $obliczenia_dpopołudniowy).' zł</td>'; 
			echo '<td>'.money_format('%.2n', $obliczenia_dweekendowy).' zł</td>'; 
			echo '<td><input type="number" min="0.00" max="1000000.00" step="0.01" id="uznaniowa'.$r->id.'" name="uznaniowa"/> zł</td>'; 
			echo '<td><input id="results'.$r->id.'" value="" name="razem"/></td>'; 
			echo '<td>'.money_format('%.2n', $obliczenia_nakonto).' zł</td>'; 
			echo '<td>'.money_format('%.2n', $obliczenia_ubezpieczenie).' zł</td>'; 
			echo '<td>'.money_format('%.2n', $obliczenia_inne).' zł</td>'; 
			echo '<td>'.money_format('%.2n', $obliczenia_doreki).' zł</td>'; 
	echo '</tr>'; 
	echo '<tr  class="last">';
	echo '</tr>'; 
	echo '</main>'; 
		}

Do tego mam skrypt, którego zadaniem jest wyliczanie w czasie rzeczywistym sumy: $obliczenia_razem oraz wartości pobranej z inputa o id="uznaniowa". Przykład kodu:

<script>
	var razem1 = <?php echo json_encode($obliczenia_razem); ?>;
    document.getElementById('uznaniowa').addEventListener('input', e => {
    document.getElementById('results').value = e.target.value/1 + razem1/1;
});
</script>

Proszę pomóżcie :), każda odpowiedź będzie dla mnie niezmiernie cenna. Z góry dziękuję

Logowanie i obliczanie progresji wykonania skryptu PHP wywołanego przez AJAX

Wed, 02 Jun 2021 08:32:57 +0000

Cześć wam, próbuję napisać rozwiązanie, które wyśle żądanie AJAX do pliku PHP, na bieżąco pobierze postęp jego wykonywania (dla wyświetlenia paska postępu) oraz wyświetli we front-endzie wszystkie wiadomości zwrotne przez ten skrypt dostarczane (czyli wszystko co echowane).

Moje rozwiązanie działa połowicznie z dwóch względów, mianowicie:

1. Wiadomości duplikują, a dokładniej "stackują" się, zamiast wyświetlać każdą po kolei. Nadmienię, że zamiast filtracji po stronie klienta chciałbym wyeliminować błąd już na etapie backendu. Wygląda to w ten sposób:

Set up...

Set up... Analyzing...

Set up... Analyzing... Exit

A powinno tak:

Set up...

Analyzing,..

Exit

Nadmienię, że każdy kolejny string jest dopisywany do poprzedniego, nie są to osobne ciągi, stąd porównywanie poprzedniego z aktualnym nie zadziała.

2. Nie mogę obliczyć dokładnego progresu dla paska ze względu na brak parametru e.total z racji używania flush() i ob_flush(), ponieważ bufor jest czyszczony i ta wartość zawsze wynosi 0

$('#import').on('submit', function(e) {

  e.preventDefault();

  $.ajax({
    url: $(this).prop('action'),
    method: $(this).prop('method'),
    xhrFields: {
      onprogress: function(e) {
        $('#logs').append('<p>' + e.target.responseText + '</p>');
        $('progress').val((e.loaded / e.total) * 100);
      }
    },
    success: function(response) {
      console.log(response);
    }
  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="import" method="POST" action="import.php">
  <div id="logs"></div>
  <progress max="100" value="0"></progress>
  <button type="submit">Run</button>
</form>

Plik import.php dla celów testowych do którego odwołuje się formularz.

echo 'Set up...';
ob_flush();
flush();
sleep(1);
    
echo 'Analyzing...';
ob_flush();
flush();
sleep(1);
    
echo 'Exit';
ob_flush();
flush();
sleep(1);

Rekomendacja strony - testowanie, trening - Ajax

Sun, 09 May 2021 20:34:08 +0000

Jak w temacie, chciałabym zarekomendować stronę, przy pomocy, której można testować lub uczyć się pisania kodu "Ajax-owego".

{JSON} Placeholder

Free fake API for testing and prototyping.

Przykład:

<label for="users">Ajax lista autocomplete</label>
<input type="text" id="users" name="users">

input {
  padding: 0.5em 1em;
  width: 20%;
}
label {
  display: block;
  font-weight: bold;
  margin-bottom: 0.25em;
  padding: 0.25em 0.5em;
  width: 100%;
}

window.onload = () => {
  fetch('https://jsonplaceholder.typicode.com/users/')
    .then(function(response) {
      if (response.ok)
        return response.json();
      throw response;
    })
    .then(function(data) {
      if (data.length > 0)
        dataList(data);
    })
    .catch(function(error) {
      console.warn(error);
    });
}

function dataList(data) {
  const users = document.querySelector('#users');
  
  const datalist = document.createElement('datalist');
  datalist.id = 'users-list';
  users.setAttribute('list', datalist.id);
  
  const fragment = document.createDocumentFragment();

  for (let user of data) {
	const option = document.createElement('option');
	option.textContent = user.name;
	fragment.append(option);
    //console.log(user);
  }

  datalist.append(fragment);
  users.after(datalist);
}

Pobranie danych z json

Sat, 01 May 2021 09:40:44 +0000

Cześć, mam problem z kodem mianowicie podczas pobrania danych z pliku .json chce je przypisać do zmiennej abym mógł wyciągać dane z tej zmiennej. Niestety gdy próbuje wsadzić tą zmienną wewnątrz h1 to wypisuje mi undefined, z góry dziękuję za pomoc.

var objects;

fetch('xbox.json')
.then(data => data.json())
.then(data => {
    objects = data.product.name
})
.then(console.log(objects))
.catch(err => console.log(err));

const orderContentHeader = document.createElement("h1")
orderContentHeader.id = "orderContentHeader";
orderContentHeader.innerText = objects;
orderContent.appendChild(orderContentHeader);

Jak połaczyć kod PHP i AJAX ?

Fri, 16 Apr 2021 19:57:45 +0000

Cześć!. Mam w php stworzoną klasę której zadaniem jest polubienie posta po kliknięciu w przycisk. Problem polega na tym że strona za każdym razem przeładowuje się. Problem ten rowiąże AJAX, ale nigdy wcześniej się go nie uczyłem. W poniższym kodzie mam stworzony obiekt tej klasy, oraz jeśli nacisnę przycisk to wywoła się funkcja like_post. Moje pytanie brzmi, czy dodając kod AJAXU, poniższy kod może zostać bez zmian, czy musi zostać zastąpiony kodem AJAXU. Było by fajnie gdyby ktoś mi to wytłumaczył bo nie bardzo rozumiem jak mam połączyć ten kod PHP i AJAX.

$obiekt = new like($_POST);

if(isset($_POST['dodaj_like']))
{
    $likes =  $obiekti->like_post();

}

[PHP AJAX] Doładowanie Konta a następnie wyświetlenie wyniku na stronie internetowej

Fri, 09 Apr 2021 20:51:53 +0000

Witam mam utworzony moduł do doładowywania konta

<!-- Moduł do doladowywania konta -->
<div class="modal fade" id="Doładuj" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" role="document">
		<div class="modal-content">
			<div class="modal-header">
		        <h5 class="modal-title" id="ZapHas">Doładuj Konto</h5>
			 </div>
			 <form action="/?action=doladuj" method="post">
			  <div class="modal-body">
			  <div class="form-group">
				   <b style="color:#fff">Podaj Kwotę jaką chcesz doładować </b>
			    </div>
				<div class="form-group">
				   <input type="number" class="form-control rounded-pill form-control-lg" name="doladuj" placeholder="Doładuj" min="1">
			    </div>
			 </div>
			 <div class="modal-footer">
			 <button type="button" data-dismiss="modal" class="btn" id="przyciskZamknijj">Zamknij</button>
			 <button type="submit" class="btn" name="PotwierdzDane" id="przyciskWyślij">Doładuj</button>
			</div>
			</form>
		</div>
	  </div>
    </div>
<!-- Koniec modułu do doładowywania konta  -->

Chciałbym zrobić tak gdy wprowadzę jakąś kwotę np 200 to żeby to było widoczne na stronie internetowej słyszałem że można to zrobić ajaxem ale nie wiem jak to zrobić czy ktoś mógłby mi pomóc

Wyświetlenie zawartości portfela jest w zmiennej sesyjnej

funkcja która doładowywuje konto użytkownika

 public function TopUpYourAccount(array $date): void
    {
        try {
            $doladuj = $this->conn->quote($date['doladuj']);
            $query = "UPDATE uzytkownicy SET uzytkownicy.Portfel = uzytkownicy.Portfel + $doladuj";
            $this->conn->exec($query);
        } catch (Throwable $e) {
            throw new StorageException('Nie udało się doładować konta, przepraszamy !!!!', 400, $e);
        }
    }

Kontroler który wykonuje operację 
 public function doladujAction(): void
    {
        if($this->request->hasToPost()) {
            $Data = [
                'doladuj' => $this->request->postIndex('doladuj'),
            ];
            $this->shopModel->TopUpYourAccount($Data);
        }
        $this->view->display('doladuj', $viewParams ?? []);
    }

<ul class="navbar-nav ml-2">
					
                    <li class="nav-item active">
                    <?php 
                           echo '<span style="color:white; text-shadow: 0 0 10px #ff0000"">'." Portfel: ".'</span>'.'<span style="color:white; text-shadow: 0 0 10px #ff0000"">'.$_SESSION['Portfel'].' zł '.'</span>';
                    ?>
                    </li>		
                </ul>

Problem przy ładowaniu zawartości div przez ajax

Tue, 23 Mar 2021 22:23:45 +0000

Witam.
Napotkałem pewien problem nie mogę go rozwiązać.

Przeładowuje zawartość diva takim oto skryptem:

<script>


   $(document).ready(function(){
        function getData(){
            $.ajax({
                type: 'POST',
                url: 'link_data.php',
                success: function(data){
                    $('#output').html(data);
                }
            });
        }
        getData();
        setInterval(function () {
            getData(); 
        }, 500);  

    });

</script>

Wszystko działa div się przeładowuje ale jest jeden problem
musze wczytać plik link_data.php w takiej postaci link_data.php?id=
gdzie id to $id = $_GET['id']; w php.

Problem polega na tym ze zaczytany plik link_data.php ma zapytanie do bazy z where uid2 = '$id' nie wiem jak przenieść to id do pliku link_data.php

Ajax szczegółowa wiedza

Thu, 11 Mar 2021 20:09:15 +0000

Witam, mam takie pytanie: chcę się nauczyć Ajaxa, ale tak żeby móc coś w nim kodzić z palca, więc chciałbym go poznać, jak tego najlepiej i możliwie najszybciej dokonać?
Jakieś książki? Jakieś kursy? Dokumentację znalazłem, ale nie jest jakoś specjalnie szczegółowa wg. mojej opinii?
Przerabiam tutoriale i bardzo mi się podoba jak to działa?

Druga sprawa Ajax to w jakimś stopniu jQuery, a z tego co się orientuję jQuery wychodzi z użycia i odchodzą od tego rozwiązania, więc co będzie z Ajaxem?

Czy znacie jakieś strony do nauki Ajaxa krok po kroku?

Pobranie danych z dwóch plików za pomocą AJAX

Thu, 25 Feb 2021 07:55:38 +0000

Próbuję pobrać dane ze skryptu i wyświetlić w modal - działa pięknie. Pomyślałem, żeby dodać kolejną funkcjonalność i wywołać kolejny modal (to również już działa), ale nie wiem jak pobrać dane do tego drugiego modala. I stąd moje pytanie, jak?

$(document).ready(function(){
	$('.view_data').click(function(){
		var employee_id_i = $(this).attr("id");
		$.ajax({
			url:"include/item.php",
			method:"post",
			data:{employee_id_i:employee_id_i},
			success:function(data){
				$('#employee_detail_i').html(data);
				$('#dataModal_i').modal("show");
			}
		});
	});
});

Jak zapisać globalnie zmienną otrzymaną poprzez ajax request.

Tue, 26 Jan 2021 10:54:56 +0000

Cześć, chcę przeliczyć kurs walut na Euro. Muszę skorzystać z NPB api w formie xml. Zapytanie działa, pobiera dane o które mi chodzi niestety muszę zapisać je globalnie aby użyć w innej funkcji. Jak mogę zapisać globalnie wynik ajax requestu?

                             var xmlPrice;
				$.ajax({
					async: false,
					type: "GET",
					url: "http://api.nbp.pl/api/exchangerates/rates/a/eur/",
					cache: false,
					dataType: "xml",
					success: function(xml) {
						var xmlPrice = $(xml).find('Rates Rate Mid').text()
						console.log(xmlPrice);
					}
				});
				console.log(xmlPrice);

javascript ajax - pobieranie wartości z bazy danych do zmiennej.

Mon, 18 Jan 2021 19:06:35 +0000

Witam mam mały problem, ale nie potrafię go rozwiązać.

mam kod który pobiera wartość ze strony php, wyświetla ją w html i odświeża wartość co dwie sekundy.

    $(document).ready(function(){
        function getData(){
            $.ajax({
                type: 'POST',
                url: 'esp_data/refresh_time.php',
                success: function(data){
                    $('#reading_time').html(data);
                }
            });
        }
        getData();
        setInterval(function () {
            getData(); 
        }, 2000);  // it will refresh your data every 2 sec

    });

Problemem jest to jak tą zmienną zapisać w javascript, ponieważ potrzebują ją zmodyfikować i wykorzystać w innym skrypcie. Dzięki za pomoc.

Pobranie danych z bazy danych [php,Ajax,js]

Mon, 18 Jan 2021 18:22:51 +0000

Witam, zależy mi na pobraniu atrybutów z bazy danych, przesortowaniu ich oraz wyświetleniu na stronie. Niestety nic co powinno być pobrane z bazy danych nie wyświetla się. Nie wiem czy wina jest po stronie kodu php czy też Ajaxa.
Serwer apach jak i baza danych jest ustawiona na porcie 80 (znalazłem w internecie gdzieś taką informacje że tak musi być).
W konsoli nie wyśletlają się żadne błędy. Połącznie z bazą danych przebiega bezproblemowo.

Kod poniżej:
1)

<DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>SKLEP</title>
        
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
       

    </head>
<body>
</br>
</br>
<div class="jumbotron jumbotron-fluid" style="background-image: url(image/books-1099067_1920.jpg)">

  <div class="container">
  <blockquote class="blockquote text-right align-text-bottom">
    <p class="mb-0 font-weight-bold text-white">"Pokój bez książek jest jak ciało bez duszy."</p>
    <footer class="blockquote-footer font-italic text-white">Cyceron</footer>
  </div></blockquote>
</div>
  <nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" href="#">Sklep</a>
      </div>
      <ul class="nav navbar-nav navbar">
        <li><a href="#"><span class="glyphicon glyphicon-home"></span> Strona główna</a></li>
        <li><a href="#"><span class="glyphicon glyphicon-book"></span> Książki</a></li>
        <li><a href="#"><span class="glyphicon glyphicon-file"></span> Regulamin</a></li>
        <li><a href="#"><span class="glyphicon glyphicon-phone-alt"></span> Kontakt</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-shopping-cart"></span><span class="badge">0</span> Koszyk</a>
          <div class="dropdown-menu" style="width:400px">
            <div class="panel panel-warning">
              <div class="panel-heading">
                <div class="row">
                  <div class="col-md-3">Numer</div>
                  <div class="col-md-3">Tytuł</div>
                  <div class="col-md-3">Okładka książki</div>
                  <div class="col-md-3">Cena w zł</div>
                </div>  
              </div>
              <div class="panel-body"></div>
              <div id="koszyk_ksiazka">
              <!--<div class="row">
              <div class="col-md-3">Numer</div>
              <div class="col-md-3">Tytuł</div>
              <div class="col-md-3">Okładka książki</div>
              <div class="col-md-3">Cena w zł</div>
              </div>-->
              </div>

              <div class="panel-footer"></div>
            </div>
          </div>
        </li>
        <li><a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> Zaloguj się</a>
          <ul class="dropdown-menu">
            <div style="width:300px;">
              <div class="panel-danger">
                <div class="panel-heading">Logowanie</div>
                <div class="panel-heading">
                <form onsubmit="return false" id="login">
                <div class="panel-heading">
                  <label for="email">Email</label>
                  <input type="email" class="form-control" id="email" required/>
                  <label for="haslo">Hasło</label>
                  <input type="haslo" class="form-control" id="haslo" required/>
                  <p><br/></p>
                  <a href="#" style="color:white; list-style:none;">Zapomniałeś hasła?</a><input type="submit" class="btn btn-success" style="float:right;">
                </form>
                </div>
              <div class="panel-footer" id="error_msg"></div>
              </div>
            </div>
          </ul>
        </li>
        <li><a href="#"><span class="glyphicon glyphicon-user"></span> Zarejestruj się</a></li>
      </ul>
    </div>
                <div>
  
  </nav> <!-- Koniec navbar -->

  <br/>
  <div class="conteiner" style="background:white">
    <div class="row">
      <div class="col-md-1"></div>
      <div class="col-md-2 col-sx-12">
      
      <div id="get_wydawnictwo">
        
      </div>

      <div id="get_rodzaje">
        
      </div>

      <!--<div class="nav nav-pills nav-stacked">
        <li class="active"><a href="#">Rodzaje literatury</a></li>
        <li class="nav-item"><a class="nav-link" href="#">Proza</a></li>
        <li class="nav-item"><a class="nav-link" href="#">Kryminał</a></li>
        <li class="nav-item"><a class="nav-link" href="#">Literatura faktu</a></li>
        <li class="nav-item"><a class="nav-link" href="#">Biografia</a></li>
        <li class="nav-item"><a class="nav-link" href="#">Fantastyka</a></li>
        <li class="nav-item"><a class="nav-link" href="#">Literatura młodzieżowa</a></li>
        <li class="nav-item"><a class="nav-link" href="#">Proza obca</a></li>
        <li class="nav-item"><a class="nav-link" href="#">Literatura obyczajowa</a></li>
        <li class="nav-item"><a class="nav-link" href="#">Literatura obca</a></li>
      </div> -->
      </div> <!-- koniec div col-md-2 -->
    
      <div class="col-md-8 col-sx-12">
        <div class="row">
          <div class="col-md-12 col-sx-12" id="ksiazka_msg">
          </div>
        </div>
        <div class="panel panel-info">
          <div class="panel-heading">Książki</div>
          <div class="panel-body">
              <div id="get_ksiazka">
              <!-- -->
              </div>
            <!---
            <div class="col-md-4">
              <div class="panel panel-info">
                <div class="panel-heading">Tytuł</div>
                <div class="panel-body">
                    
                    <a href="#" data-toggle="tooltip" title="Opis!"><img src="fotki_ksiazki/hashtag.jpg" style="height:250px"></a>
                </div>
                <div class="panel-heading">23.23 zł
                  <button style="float:right;" class="btn btn-success btn-xs">Kup</button>
                </div>
              </div>
            </div> -->
          </div>
          <div class="panel-footer"> 2021</div>
        </div>
      </div>
      
    </div> <!-- koniec div row -->
    
  </div>

</body>
</html>

<?php

include "db.php";

if(isset($_POST["wydawnictwo"])){
    
    $wydawnictwo_query = "SELECT * FROM wydawnictwa";
    $run_query = mysqli_query($polaczenie, $wydawnictwo_query);

    echo "
    <div class='nav nav-pills nav-stacked'>
    <li class='active'><a href='#'>Wydawnictwo</a></li>
    ";

    if(mysqli_num_rows($run_query) > 0) {
        while($row = mysqli_fetch_array($run_query)){
                $w_id = $row["wydawnictwo_id"];
                $w_nazwa = $row["wydawnictwo_nazwa"];

                echo " 
                <li><a href='#' class='wydawnictwo' w_id='$w_id'>$w_nazwa</a></li>
                ";
        }
        echo "
        </div>
        ";
    }
}
if(isset($_POST["rodzaje"])){
    
    $rodzaje_query = "SELECT * FROM rodzaj";
    $run_query = mysqli_query($polaczenie, $rodzaje_query);

    echo "
    <div class='nav nav-pills nav-stacked'>
    <li class='active'><a href='#'>Rodzaje literackie</a></li>
    
    ";
    

    

    if(mysqli_num_rows($run_query) > 0) {
        while($row = mysqli_fetch_array($run_query)){
                $r_id = $row['rodzaj_id'];
                $r_ksiazki = $row['rodzaj_ksiazki'];

                echo " 
                <li><a href='#'>$r_ksiazki</a></li>
                ";
        }
        echo "
        </div>
        ";
    }
}
if(isset($_POST["getksiazka"])) {
    $ksiazka_query = "SELECT * FROM ksiazki ORDER BY RAND() LIMIT 0,9";
    $run_query = mysqli_query($polaczenie, $ksiazka_query);
    if(mysqli_num_rows($run_query) > 0){
        while($row = mysqli_fetch_array($run_query)){
            $k_id = $row['ksiazka_id'];
            $k_tytul = $row['ksiazka_tytul'];
            $k_autor = $row['ksiazka_autor'];
            $k_wydawnictwo = $row['ksiazka_wydawnictwo'];
            $k_rodzaj = $row['ksiazka_rodzaj'];
            $k_cena = $row['ksiazka_cena'];
            $k_opis = $row['ksiazka_opis'];
            $k_zdjecie = $row['ksiazka_zdjecie'];
            echo 
            "
            <div class='col-md-4'>
              <div class='panel panel-info'>
                <div class='panel-heading'>$k_tytul, $k_autor</div>
                <div class='panel-body'>
                    
                    <a href='#' data-toggle='tooltip' title='Opis!'><img src='fotki_ksiazki/$k_zdjecie' style='height:250px; height:160px;'></a>
                </div>
                <div class='panel-heading'>$k_cena zł
                  <button class='$k_id' style='float:right;' class='btn btn-success btn-xs'>Kup</button>
                </div>
              </div>
            </div>
            ";
        }
    }
}


?>

jQuery(function(){
alert("hi");
    wyd();
    rod();
    ksiazka();
    function wyd(){

        

        $.ajax({
            url: "action.php",
            method: "POST",
            data: {wydawnictwo:1},
            success: function(data){
                $("#get_wydawnictwo").html(data);
                
            },
            error: function(blad) {
                alert ("wystąpił błąd");
                console.log(blad);
            }
        });
            return false;
    }
    function rod(){

        $.ajax({
            url: "action.php",
            method: "POST",
            data: {rodzaje:1},
            success: function(data){
                $("#get_rodzaje").html(data);
            }
        });

    }
    function ksiazka(){

        $.ajax({
            url: "action.php",
            method: "POST",
            data: {getKsiazka:1},
            success: function(data){
                $("#get_ksiazka").html(data);
            }
        });

    }
});

<?php

$servername = "localhost";
$username = "mysql_user";
$password = "tajnehaslo";
$db = "sklep";


$polaczenie = mysqli_connect($servername, $username, $password, $db);

if(!polaczenie) {
    die("Connection failed: " . mysqli_connect_error());
}

?>

Za pomoc z góry dziękuję. :)

PHP-Jak pokazać poprawny format danych JSON

Fri, 08 Jan 2021 18:16:00 +0000

mam następujący problem. podczas próby wyświetlania( i dalej przekazania) danych pobranych z bazy w formacie JSON brakuje nawiasów kwadratowych oraz przecinka

wygląda to mniej więcej tak:

{"rows":{"id":1,"title":"Grecce"}}{"rows":{"id":2,"title":"Croatia"}}

A w zamyśle powinno pokazywać format taki

{"rows":[{"id":1,"title":"Grecce"}},{"rows":{"id":2,"title":"Croatia"}]}

być może jest to format wyświetlany jest poprawny ale nie mogę go odebrać AJAX'em

jeżeli potrzeba to kod odpowiadający za wyświetlanie danych

$resultassoc = $result->fetch_assoc();
foreach($result as $resultassoc){
        $assoc['rows'] = $resultassoc;
         echo json_encode($assoc);
}

Wie ktoś może co poprawić w kodzie albo nakieruje mnie tak aby wyświetlany łańcuch wyglądał jak ten zamierzony

Pobieranie informacji z serwera dla kontrolek w panelu wyszukiwania - dobór optymalnego rozwiązania

Sat, 19 Dec 2020 19:50:37 +0000

Mam projekt pisany w Laravel'u i Vue.js i mam za zadanie stworzyć panel wyszukiwania, aby to zrobić muszę pobrać z bazy danych informacje o dostępnych opcjach, takij jak np. narodowość, lokalizacja itp. Widzę dwie opcje.

1.Użytkownik chce przejść do panelu, klika w odpowiedni link, od razu pobieram wszystkie dane, zwracam widok, w widoku wypluwam te dane gdzieś w treść strony(np. jako wartość propsa komponentu vue) po czym wczytuję te dane do kontrolek.

2. Użytkownik chce przejść do panelu, klika w odpowiedni link, zwracam tylko widok, po załadowaniu strony skrypt lub komponent vue pobiera dane ajax'em i ładuje do kontrolek.

Jakby to zrobić aby było optymalnie?

Błąd przesyłania pliku przez Ajax na serwerze

Wed, 16 Dec 2020 18:10:27 +0000

Witam mam taki zapis w jsie

const xhr = new XMLHttpRequest();
    
xhr.open('GET', '../faq-questions/' + NthELement + '.txt', true);
xhr.send();
    
xhr.onload = () => {
 document.getElementById('answer-question').innerHTML = xhr.responseText;
}

Jednak po wrzuceniu folderu z plikami do folderu Xamppa wyskakuje komunikat

Zaznaczę że przed wrzuceniem tego na localhost wszystko działało.

Ajax callback-request.

Mon, 14 Dec 2020 16:16:10 +0000

Hej.
Jako, że pracuje dosyć od niedawna u siebie w projekcie z javascript/ajaxem - tak dosyć staro, ale bawie się w Vanillia JS i taki trochę oldschool z jquery ;).
Pojawia mi się pewien problem i pytanie, w jaki sposób można wykonać "callback" z ajax.get, który jest obsługiwany jako error tzn:
- potrzebuje w momencie wystąpienia error- > powiedzmy kiedy status będzie 401, cofnąć zmiany wprowadzone przez użytkownika, macie pomysł jak to zrobić?
Czy jeśli w error- wywołam funkcje która zrobi np response.abort() to czy to będzie coś na tej zasadzie?
Dla przykładu :

$.ajax({
 type: "GET",
 url: base_url+'/ajax/fetch/counts/',
 dataType: 'json',
 data: {},
 error: function(xhr, error){
       // tutaj chcialbym odwrócić zmiany które został wprowadzone np na tabeli za pomoca callback 

 },
 success:  // wysłanie aktualizacji tabeli - > to akurat mam. 
});

Linki i AJAX

Fri, 11 Dec 2020 14:43:03 +0000

Witam. Jak po wczytaniu z serwera jakiejś treści zrobić tak, by link się również zaktualizował? Np mam artykuł wgrany za pomocą ajaxa na stronę i jednocześnie chciałbym z kimś się nim podzielić jednak nie mam linku aby mu podać. Trzeba to zrobić już na serwerze czy można jakoś w kodzie jsa to ogarnąć?

Przesłanie zdjęcia za pomocą AJAX na stronę

Fri, 04 Dec 2020 04:58:53 +0000

Witam. Jest jakaś możliwość przesłania zdjęcia z serwera za pomocą AJAX? Chodzi mi tylko o to żeby zostało ono później wyświetlone.

Aplikacja do symulacji inteligentnego domu

Thu, 26 Nov 2020 10:48:20 +0000

Cześć wszystkim, piszę aplikację jako projekt na uczelnię. Aplikacja ma symulować interfejs webowy z pracy inteligentnego domu, czyli wyświetlać stany (włączone/wyłączone) różnych urządzeń w domu, manipulować nimi np. przyciskiem "wyłącz wszystkie światła" - wszystko w czasie rzeczywistym. Całość opiera się na bazie danych do której trafiają zmienne. Póki co stworzyłem taki interfejs.

Połączyłem się za pomocą PHP. Również w PHP podczas załadowania strony tworzy się tabela w bazie danych i dodają się stany (0 lub 1 czyli włączone lub wyłączone), daty i reszta kolumn.

Teraz utknąłem:

1. Potrzebuję aby co X sekund aktualizowały się rekordy tabeli, wraz z datami dodania tych rekordów. Narazie działa przy odświeżaniu strony, a docelowo ma działać bez oraz losowo (znaczy raz zmieni się stan w 1 rekordzie, raz w 4, raz 7 itd) - taka symulacja.

2. Zaraz obok działania symulacji, przyciski poniżej tabel powinny funkcjonować zgodnie z opisem, niezależnie od symulacji - np. program działa, wyłącza się światło (stan z 1 na 0), a ja przyciskiem włączam stan z 0 na 1 z powrotem. W jaki sposób manipulować w czasie rzeczywistym przyciskami i rekordami w tabeli?

Czy da się to zrobić przy pomocy samego php i js+ajax? Czytałem też o możliwości node.js + Express.

Poniżej kod z index.php.

<html>
<head>
	<title>Inteligentny dom</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<div class="data">
		<h1>Światło</h1>
		<table>
			<tr>
				<th>Nr</th>
				<th>Port</th>
				<th>Wejście/Wyjście</th>
				<th>Stan</th>
				<th>Obszar</th>
				<th>Poziom</th>
				<th>Pomieszczenie</th>
				<th>Nazwa</th>
				<th>Funkcja</th>
				<th>DataGodzina</th>
			</tr>


	<?php
	include 'connect.php';
	include 'deleteTableSwiatlo.php';
	include 'createTableSwiatlo.php';
	include 'addDataSwiatlo.php';
	

	$sql = "SELECT Nr, Port, wejscieWyjscie, Stan, Obszar, Poziom, Pomieszczenie, Nazwa, Funkcja, DataGodzina from swiatlo";
	$result = $conn-> query($sql);
	
	if($result-> num_rows > 0){
		while($row = $result-> fetch_assoc()){
			echo "<tr><td>".$row["Nr"]."</td><td>".$row["Port"]."</td><td>".$row["wejscieWyjscie"]."</td><td>".$row["Stan"]."</td><td>".$row["Obszar"]."</td><td>".$row["Poziom"]."</td><td>".$row["Pomieszczenie"]."</td><td>".$row["Nazwa"]."</td><td>".$row["Funkcja"]."</td><td>".$row["DataGodzina"]."</td></tr>";
		}
		echo "</table>";
	}
	else{
		echo "0";
	}

	?>
	</div>
		<form class="form" action="" method="POST">
			<div class="btn-group">
				<button type="submit" class="btn">Wyłącz wszystkie światła</button>
				<button type="submit" class="btn">Włącz wszystkie światła</button>
			</div>
			<div class="btn-group">
				<button type="submit" class="btn">Wyłącz światło w piwnicy</button>
				<button type="submit" class="btn">Włącz świtało w piwnicy</button>
			</div>
			<div class="btn-group">
				<button type="submit" class="btn">Wyłącz wszystkie światła na parterze</button>
				<button type="submit" class="btn">Włącz wszystkie światła na parterze</button>
			</div>
			<div class="btn-group">
				<button type="submit" class="btn">Wyłącz wszystkie światła na piętrze</button>
				<button type="submit" class="btn">Włącz wszystkie światła na piętrze</button>
			</div>
			<div class="btn-group">
				<button type="submit" class="btn">Wyłącz światło w ogrodzie</button>
				<button type="submit" class="btn">Włącz świtało w ogrodzie</button>
			</div>
			<div class="btn-group">
				<button type="submit" class="btn">Pokaż wszystkie zapalone światła</button>
			</div>
		</form>

<!--TEMPERATURA-->
	<div class="data">
		<h1>Pomiar temperatury</h1>
		<table>
			<tr>
				<th>Nr</th>
				<th>Port</th>
				<th>Wejście/Wyjście</th>
				<th>Stan</th>
				<th>Obszar</th>
				<th>Poziom</th>
				<th>Pomieszczenie</th>
				<th>Nazwa</th>
				<th>Funkcja</th>
				<th>Wartość [&#x2103]</th>
				<th>DataGodzina</th>
			</tr>


	<?php
	include 'connect.php';
	include 'deleteTableTemp.php';
	include 'createTableTemp.php';
	include 'addDataTemp.php';
	

	$sql = "SELECT Nr, Port, wejscieWyjscie, Stan, Obszar, Poziom, Pomieszczenie, Nazwa, Funkcja, Wartość, DataGodzina from temperatura";
	$result = $conn-> query($sql);
	
	if($result-> num_rows > 0){
		while($row = $result-> fetch_assoc()){
			echo "<tr><td>".$row["Nr"]."</td><td>".$row["Port"]."</td><td>".$row["wejscieWyjscie"]."</td><td>".$row["Stan"]."</td><td>".$row["Obszar"]."</td><td>".$row["Poziom"]."</td><td>".$row["Pomieszczenie"]."</td><td>".$row["Nazwa"]."</td><td>".$row["Funkcja"]."</td><td>".$row["Wartość"]."</td><td>".$row["DataGodzina"]."</td></tr>";
		}
		echo "</table>";
	}
	else{
		echo "0";
	}

	?>
	</div>
	<form class="form" action="" method="POST">
		<div class="btn-group temp-div">
			<label class="temp-label" for="temp">Ustaw temperaturę w:</label>
			<select id="temp" name="temp" class="temp-select">
			<option value="1">Piwnica</option>
			<option value="2">Pokój gościnny</option>
			<option value="3">Kuchnia</option>
			<option value="4">Garaż</option>
			<option value="5">Salon</option>
			<option value="6">Łazienka1</option>
			<option value="7">Pokój1</option>
			<option value="8">Pokój2</option>
			<option value="9">Łazienka2</option>
			<option value="10">Garderoba</option>
			</select>
			<input type="text" class="temp-input" name="temp">
			<button type="submit" class="btn">Ustaw</button>
			
		</div>
	</form>

	<!--BRAMA GARAŻOWA-->
	<div class="data">
		<h1>Brama garażowa</h1>
		<table>
			<tr>
				<th>Nr</th>
				<th>Port</th>
				<th>Wejście/Wyjście</th>
				<th>Stan</th>
				<th>Obszar</th>
				<th>Poziom</th>
				<th>Pomieszczenie</th>
				<th>Nazwa</th>
				<th>Funkcja</th>
				<th>DataGodzina</th>
			</tr>


	<?php
	include 'connect.php';
	include 'deleteTableGarage.php';
	include 'createTableGarage.php';
	include 'addDataGarage.php';
	

	$sql = "SELECT Nr, Port, wejscieWyjscie, Stan, Obszar, Poziom, Pomieszczenie, Nazwa, Funkcja, DataGodzina from garaz";
	$result = $conn-> query($sql);
	
	if($result-> num_rows > 0){
		while($row = $result-> fetch_assoc()){
			echo "<tr><td>".$row["Nr"]."</td><td>".$row["Port"]."</td><td>".$row["wejscieWyjscie"]."</td><td>".$row["Stan"]."</td><td>".$row["Obszar"]."</td><td>".$row["Poziom"]."</td><td>".$row["Pomieszczenie"]."</td><td>".$row["Nazwa"]."</td><td>".$row["Funkcja"]."</td><td>".$row["DataGodzina"]."</td></tr>";
		}
		echo "</table>";
	}
	else{
		echo "0";
	}

	?>
	</div>
	<form class="form" action="" method="POST">
		<div class="btn-group">
			<button type="submit" class="btn">Otwórz bramę garażową</button>
			<button type="submit" class="btn">Zamknij bramę garażową</button>
		</div>
	</form>

	<!--OGRÓD: ZRASZACZE-->
	<div class="data">
		<h1>Zraszacze</h1>
		<table>
			<tr>
				<th>Nr</th>
				<th>Port</th>
				<th>Wejście/Wyjście</th>
				<th>Stan</th>
				<th>Obszar</th>
				<th>Poziom</th>
				<th>Pomieszczenie</th>
				<th>Nazwa</th>
				<th>Funkcja</th>
				<th>DataGodzina</th>
			</tr>


	<?php
	include 'connect.php';
	include 'deleteTableGarden.php';
	include 'createTableGarden.php';
	include 'addDataGarden.php';
	

	$sql = "SELECT Nr, Port, wejscieWyjscie, Stan, Obszar, Poziom, Pomieszczenie, Nazwa, Funkcja, DataGodzina from ogrod";
	$result = $conn-> query($sql);
	
	if($result-> num_rows > 0){
		while($row = $result-> fetch_assoc()){
			echo "<tr><td>".$row["Nr"]."</td><td>".$row["Port"]."</td><td>".$row["wejscieWyjscie"]."</td><td>".$row["Stan"]."</td><td>".$row["Obszar"]."</td><td>".$row["Poziom"]."</td><td>".$row["Pomieszczenie"]."</td><td>".$row["Nazwa"]."</td><td>".$row["Funkcja"]."</td><td>".$row["DataGodzina"]."</td></tr>";
		}
		echo "</table>";
	}
	else{
		echo "0";
	}

	?>
	</div>
	<form class="form" action="" method="POST">
		<div class="btn-group">
			<button type="submit" class="btn">Wyłącz zraszacze</button>
			<button type="submit" class="btn">Włącz zraszacze</button>
		</div>
	</form>

	<!--OGRÓD: ZRASZACZE-->
	<div class="data">
		<h1>Alarm</h1>
		<table>
			<tr>
				<th>Nr</th>
				<th>Port</th>
				<th>Wejście/Wyjście</th>
				<th>Stan</th>
				<th>Obszar</th>
				<th>Poziom</th>
				<th>Pomieszczenie</th>
				<th>Nazwa</th>
				<th>Funkcja</th>
				<th>DataGodzina</th>
			</tr>


	<?php
	include 'connect.php';
	include 'deleteTableAlarm.php';
	include 'createTableAlarm.php';
	include 'addDataAlarm.php';
	

	$sql = "SELECT Nr, Port, wejscieWyjscie, Stan, Obszar, Poziom, Pomieszczenie, Nazwa, Funkcja, DataGodzina from alarm";
	$result = $conn-> query($sql);
	
	if($result-> num_rows > 0){
		while($row = $result-> fetch_assoc()){
			echo "<tr><td>".$row["Nr"]."</td><td>".$row["Port"]."</td><td>".$row["wejscieWyjscie"]."</td><td>".$row["Stan"]."</td><td>".$row["Obszar"]."</td><td>".$row["Poziom"]."</td><td>".$row["Pomieszczenie"]."</td><td>".$row["Nazwa"]."</td><td>".$row["Funkcja"]."</td><td>".$row["DataGodzina"]."</td></tr>";
		}
		echo "</table>";
	}
	else{
		echo "0";
	}

	?>
	</div>
	<form class="form" action="" method="POST">
		<div class="btn-group">
			<button type="submit" class="btn">Wyłącz alarm</button>
			<button type="submit" class="btn">Włącz alarm</button>
		</div>
	</form>


	
</body>

</html>

addTableSwiatlo.php

<?php

$createDataGarden= "CREATE TABLE IF NOT EXISTS ogrod(Nr INT NOT NULL AUTO_INCREMENT,
Port INT,
wejscieWyjscie VARCHAR(55),
Stan INT,
Obszar VARCHAR(55),
Poziom INT,
Pomieszczenie VARCHAR(55),
Nazwa VARCHAR(55),
Funkcja VARCHAR(55),
DataGodzina DATETIME,
PRIMARY KEY (Nr)
)";

mysqli_query($conn,$createDataGarden);

addDataSwiatlo.php



	<?php

	//losowa data
	$start = strtotime("2020-11-19 00:00:00");
	$end =  strtotime("2020-11-20 23:59:59");
	//zmienne
	$pomieszczenia = array('piwnica', 'pokoj', 'kuchnia','garaż','salon','łazienka1','ogród','pokój1','pokój2','łazienka2','garderoba');
	$poziomy = array(-1,0,0,0,0,0,0,1,1,1,1);
	$stan = array();
	$randomDate = array();

	//pętla przypisująca dane
	for($x=0; $x<=10; $x++){
		array_push($stan, rand(0,1));
		array_push($randomDate, date("Y-m-d H:i:s", rand($start, $end)));
		$sql[$x] = "INSERT INTO swiatlo (Port,wejscieWyjscie,Stan,Obszar,Poziom,Pomieszczenie,Nazwa,Funkcja,DataGodzina) VALUES (8080,'wyjście','$stan[$x]','dom','$poziomy[$x]','$pomieszczenia[$x]','dom','światło','$randomDate[$x]')";
		mysqli_query($conn,$sql[$x]);
	}

Z góry dzięki!!

proste pytania o ajax wejdz help - Jak działa AJAX?

Mon, 23 Nov 2020 11:11:25 +0000

NIE CHODZI MI O SAME DZIAŁANIE AJAX tylko ja zrobie np coś takiego (z docs ukradłem xD):

$.ajax({

url: "test.html",

context: document.body

}).done(function() {

$( this ).addClass( "done" );

});

i mam kilka pytan :

1. wskaźnik this , odniesie sie do jakiego obiektu?

2 (najbardziej mnie neci). co jesli zamiast tam pliku html miał plik php - i dajmy na to że miałby za zadanie dodawać coś tam to bazy danych

CZY PODCZAS WYKONANIA TAKIEGO AJAXA - ten plik php wykona sie w "tle" (czyli klient dalej bedzie na tej stronie - a plik php wykona sie w tle i dane zostaną dodane do bazy danych bez przekierowań użytkownika)???

Uncaught ReferenceError: $ is not defined Albo kompletna pustak w konsoli ,Ajax Symfony ?

Wed, 18 Nov 2020 11:21:40 +0000

Witam

Mam oto taki suwaczek:

<input onclick="setVisibility({{skill.id}},0);" type="checkbox" checked data-toggle="toggle" data-onstyle="outline-success" data-offstyle="outline-danger"></td>

Projekt Tworze w symfony, jeśli wezmę otworze {% block javascripts %} na samym dole pliku to wywala mi błąd Uncaught ReferenceError: $ is not defined co podejrzewam że dzieje się poprzez nadpisanie bloku javascripts. Lecz jeśli wywalę funkcje do base.html.twig i wepnę ją do już istniejącego bloku są skryptami, to po użyciu suwaka nie dzieje się nic kompletnie. Pokaże całość funkcji setVisibility ale chciałbym się dowiedzieć czemu w ogóle nie dostaje to co jest w console.log() ?

function setVisibility(id, visibility) {
console.log(id)
console.log(visibility)

$.ajax({
dataType: "json",
cache: false,
url: '{{ (path('admin_skills_set_visibility')) }}',
type: "POST",
data: {
id: id,
visibility: visibility
},

success: function (data, success, message) {
table_ajax();
console.log(data);
console.log(success);
console.log(message);
},
error: function (data, success, message) {
console.log(data);
console.log(success);
console.log(message);
}
});
return false;
}

Problem rozwiązłem poprzed zamiane z onclick na onchange.