Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

Hjälp: jQuery - uppdatera element mha. php

1
Skriv svar
Permalänk
Medlem
●

Hjälp: jQuery - uppdatera element mha. php

Hallå alla.
Någonstans på vägen när jag lärde mig programmera missade jag helt javascript och sedan jQuery så jag känner mig som en liten pojke i skolbänken igen

Jag vill göra följande.
Jag har en kalender (codeigniter), när man klickar på en dag skall ett formulär laddas i ett element (div) under kalendern.

Just nu ser det ut såhär.

    $('.calendar .calendar_day').click(function(){
        day_num = $(this).find('.calendar_day_num').html();
        
        $('div.calendar_edit_date'). hämta innehåll från databasen mha. php och presentera det
        
    });

Jag har ingen aning om vart jag börjar nu. Ni som kan får gärna komma med förslag.

Tack!

Visa signatur

Jag hatar att vara förkyld!

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Du behöver ett php-skript som hämtar relevant information från databasen och skriver ut det i JSON format. Sedan med jQuery kör du $.post till ditt php-skript.

Jag jobbar dock inte i codeigniter så kan inte hjälpa dig med det.

Visa signatur

AW3423DW QD-OLED - Ryzen 5800x - MSI Gaming Trio X 3090 - 64GB 3600@cl16 - Samsung 980 Pro 2TB/WD Black SN850 2TB

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av celoz:

Du behöver ett php-skript som hämtar relevant information från databasen och skriver ut det i JSON format. Sedan med jQuery kör du $.post till ditt php-skript.

Jag jobbar dock inte i codeigniter så kan inte hjälpa dig med det.

Gå till inlägget

Man kan låta PHP generera HTML:en direkt också, så behöver man inte bygga ett nodträd på klientsidan.

Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem
●

Låt PHP fixa HTML sen använder du jQuerys .load(). Lättaste sättet imo

Skickades från m.sweclockers.com

Redigera
Citera flera Citera
Permalänk
Medlem
●

Du kan också kolla på jQuery-funktionen ajax() där du kan skicka en GET-request till en php-fil. Då skapar du en fil som kräver datum via GET, tex ajax.php?date=xxxx-xx-xx.

Sen får du anända din day_num och passera till den filen!

Skickades från m.sweclockers.com

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Lättast:

$('.calendar .calendar_day').click(function(){
        day_num = $(this).find('.calendar_day_num').html();
        
		var container = $('div.calendar_edit_date');
		// Visa att du laddar
		container.html('<img src="loader.gif">');
		
		// Hämta koden
        container.load('url/till/fil.php?day_num=' + day_num); // elementet fylls på med svaret
        
    });

Denna metod förutsätter att din fil du ropar på svarar med lite HTML-kod - Det är lättast, även om det tekniskt sett inte är "bäst" - Men det som funkar och det som går fortast är oftast bäst i slutändan ändå.

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara