jquery - Send data med Ajax - Udvikleren.dk - Programmering, webdesign og grafik

Tags: jquery ajax

Bruger #16025 @ 27.05.12 22:19

Kære udviklere,

Jeg er virkelig forvirret. Jeg skal til at lave et "brugernavn-checker" script, og jeg er kommet så langt så jeg blot indskriver noget data i mit input felt og så skal Ajax indhente noget fra en php fil, omkring om brugernavnet allerede er taget. Det virker perfekt, men bare ikke når jeg smider det i en if-else statement. Forstår det simpelthen ikke.

JScript kode

 $.ajax({
         type: "GET",
         url: "username_check.php?username=" + $("#username").val(),
         success: function(msg)
         {
                 if(msg == "ledigt")
                 {
                         alert("ledigt");
                 }
         }
 });

Jeg er gået så langt ud så jeg checker på et string som skal modtages. Den kan også sagtens modtages ved at jeg skriver

JScript kode

 alert(msg)

Men så snart jeg skriver

JScript kode

 if(msg == "ledigt")...

Så reagerer den ikke. Det forstår jeg ikke helt. Min .php-fil er der intet galt med. Den returnerer data som den skal. Er der nogle der lige kan lure en fejl jeg har lavet? Ville være super duper

6 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma

Sorter efter stemmer Sorter efter dato

Bruger #955 @ 27.05.12 22:46

1.624

Du kunne prøve at tilføje; dataType: 'text'

Har du siden oppe et sted, hvor vi kan se den?

Bruger #16025 @ 27.05.12 22:53

442

Det virkede ikke med dataType. Men har heller ikke lagt den online endnu, da selve siden er online men ikke den fil jeg arbejder på. Den skal nemlig ikke kunne ses endnu

---------------------

Jeg har rettet lidt i koden og er kommet cirka her til:

JScript kode

 $.ajax({
         url: "username_check.php?username=" + $("#username").val(),
         type: "GET", 
         dataType: "text",
         success: function(msg)
         {  
                 alert((msg == "true") ? 'optaget' : 'ledigt');
         }
 });

Den fortsætter bare med at skrive "ledigt" hele tiden, selvom at jeg ved at det er optaget. Det er det i php filen, samt hvis jeg bare udskriver det fra selve min php.

Jeg udskriver således i php:

PHP kode

 if(mysql_num_rows($db->query) == 1)
 {
     print "true";
 }
 else
 {
     print "false";
 }

Jeg har også prøvet med en masse andet. Forstår det bare ikke.

Edit. Jeg har ordnet det. Ganske vidst ikke på den måde jeg ønskede, men det virker.

JavaScript

JScript kode

 $.ajax({
         url: "username_check.php?username=" + $("#username").val(),
         type: "GET", 
         dataType: "text",
         success: function(msg)
         {
                 var result = msg.toString();
                 $("#status").html(result);
         }
 });

PHP

PHP kode

 if(!empty($_GET["username"]))
 {
     if(mysql_num_rows($db->query) == 1)
     {
         print "<font color=\"#bf001b\">Optaget</font>";
     }
     else
     {
         print "<font color=\"#689300\">Ledigt</font>";
     }
 }
 else
 {
     print "<font color=\"#000000\">Indtast brugernavn</font>";
 }

Det virker ihvertfald

Indlæg senest redigeret d. 28.05.2012 09:16 af Bruger #16025

Bruger #16824 @ 28.05.12 09:28

Prøv lige at lægge det hele på samme server, enten dit eksterne webhost(du kan jo sætte loginsession på dine file hvis de ikke må ses af andre) - ellers localhost.

Ajax og multidomains er nemlig ikke lige til.

Læs evt. Stack Overflow: JQuery ajax cross domain

Bruger #11328 @ 28.05.12 13:50

1.323

Det lader til at det svar du får tilbage ikke bare er en rå tekststreng, men et "response-object". Du ville formentlig finde det meget nemmere at løse sådan nogle problemer med console.log i stedet for alert. Prøv i dit success callback at gøre følgende:

JScript kode

 console.log(msg, typeof msg, msg.toString(), msg === 'true');

Ovenstående logger selve objektet, dets type, dets strengværdi og om hvorvidt den er *identisk* med strengen 'true'

Bruger #16025 @ 28.05.12 13:55

442

@Jakob Jeg kigger på koden lidt senere. Tak

@Stani Jeg er i øjeblikket igang med at smide det op. Jeg skal lige have rettet lidt kode til, så det virker igen. Den fungerer nemlig ikke helt optimal med login når jeg smider den direkte kode op på min server. Mærkeligt.

----------

Jeg har fået lagt det op, og I kan teste scriptet som fungerer nu. I klikker ind på www.dab93.dk, og logger ind i højre panel.

E-mail: test1234@test1234.dk
Adgangskode: 12345678

Så for at se den gældende side, skal du/I klikke ind på /opret.php som er åbnet for den bruger med rettigheder

- nederst på siden finder du/I input-feltet til brugernavnet.

Og scriptet fungerer. Men jeg skal nok teste @Jakob's forslag senere

Indlæg senest redigeret d. 28.05.2012 14:30 af Bruger #16025

Bruger #5789 @ 29.05.12 09:19

640

jQuery(msg) == 'ledigt' burde klare den.

/J

Send data med Ajax

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler