Trigga php från javascript?

PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Lägg ett bokmärke på hela tråden
Skapa nytt inlägg   Svara på inlägget
Visa föregående ämne :: Visa nästa ämne  
Startad av: Meddelande
marcusgarden



Medlem i: 3137 dagar

Status: Offline



#742165
Inlägg Skrivet: 2018-04-08 23:33      Ämne: Trigga php från javascript? Citera

Mitt mål är egentligen att ha en sådan där trevlig ruta, typ en div, som uppdaterar sig själv när man trycker på t.ex. en knapp eller en länk, utan att uppdatera hela webbsidan:/

Förstår att man bör använda ajax men kopplar inte riktigt allt:/

Har testat en massa olika saker nu men får inte till det:/

Finns det något bra script att utgå ifrån för att testa och lära mig?

Tack på förhand!

UPDATE

Jag lyckades!!!

Med

KOD:
1:
<script type="text/javascript">
2:
               jQuery(document).ready(function($) {
3:
 
4:
                   jQuery(document).ready(function() {
5:
                        
6:
                        jQuery(document).on('click', '#search<?php echo $kontrollnummer->kontrollnummer; ?>', function() {
7:
                           jQuery('#ajax<?php echo $kontrollnummer->kontrollnummer; ?>').show();
8:
                           jQuery('#info<?php echo $kontrollnummer->kontrollnummer; ?>').html('');
9:
                           
10:
                           jQuery.ajax({
11:
                              type: 'post',
12:
                              url: 'ajax_test3.php',
13:
                              data: 'kontrollnummer=<?php echo $kontrollnummer->kontrollnummer; ?>',
14:
                              success: function(data) {
15:
                              jQuery('#ajax<?php echo $kontrollnummer->kontrollnummer; ?>').hide();
16:
                                 
17:
                              jQuery('#info<?php echo $kontrollnummer->kontrollnummer; ?>').html(data);
18:
                              }
19:
                           });
20:
                        });
21:
                     });
22:
               });
23:
               </script>
24:
            
25:
            <div id="container">
26:
               <div id="form">
27:
                  <div id="search<?php echo $kontrollnummer->kontrollnummer; ?>" class="search<?php echo $kontrollnummer->kontrollnummer; ?>">Klicka här...</div>
28:
               </div>
29:
               <div id="ajax<?php echo $kontrollnummer->kontrollnummer; ?>"><!--!!!OBS!!!--><br /></div>
30:
               <div id="info<?php echo $kontrollnummer->kontrollnummer; ?>"></div>
31:
            </div>


Men ett problem kvarstår:)

Länken som heter Klicka här..., hur får jag bort den EFTER att klicket är gjort? Man ska ju bara kunna klicka EN gång:)

Tack på förhand!
 
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
harald_b
Moderator



Medlem i: 4598 dagar
Från: Tavesta
Status: Offline



#742167
Inlägg Skrivet: 2018-04-09 11:05      Ämne: Citera

Vill du ta bort hela elementet, eller bara dess innehåll?
På rad 8 har du ju ett exempel på hur du kan tömma ett element på sitt innehåll.
Vill du ta bort hela elementet borde det bara vara ett byta .html('') mot .remove().
All kod mellan rad 6 och rad 20 körs vad jag kan se efter att du klickat.
Koden mellan rad 14 och 18 körs efter att du fått svar från webbservern.
 

_________________
R.r - Ett fritt affärssystem
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
Visa tidigare inlägg:   
Skapa nytt inlägg   Svara på inlägget
PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Hoppa till:  
Du kan inte skapa nya inlägg i det här forumet
Du kan inte svara på inlägg i det här forumet
Du kan inte ändra dina inlägg i det här forumet
Du kan inte ta bort dina inlägg i det här forumet
Du kan inte rösta i det här forumet
Du kan inte bifoga filer i detta forum
Du kan inte ladda ner filer från detta forum
Kontakta oss på adressen: info@phpportalen.net
Webbplatsen bygger i grunden på phpBB © 2001, 2002 phpBB Group

Modifieringar har senare gjorts i systemet av PHPportalen
Sid och logotypdesign skapad av Daren Jularic