php - PHP jQuery Ajax - Udfør MySQL uden at reloade siden - Udvikleren.dk

Tags: php jquery ajax

<< < 1 2 > >>

Bruger #10114 @ 07.06.12 08:37

Okay, ved ikke hvad jeg gør forkert, og er helt ny i jQuery, og kender kun lidt til javascript.

Jeg har downloadet: jquery-1.7.2.min.js

Og dette er hvad jeg har:

JScript kode

 $("form").submit(function(){
     
     var_form_data = $(this).serialize();
     
     $.ajax(
         {
             type: "POST", 
             url: "inc/process.php?DO=UPDATE",
             data: var_form_data,
             success: function(data) {
                 alert("It worked!");
             },
             error: function(data) {
                 alert("It failed!");
             }
         }
     );
 });

Min process.php ser således ud:

PHP kode

 <?php
     include('functions.php');
     
     if ($_GET['DO'] == "INSERT") {
         
         $data = array_map("check_input_mysql_injection", $_POST);
         
         sql_execute ("INSERT", "structure_options", $data, $where);
         
     } elseif ($_GET['DO'] == "UPDATE") {
         
         $data = array_map("check_input_mysql_injection", $_POST);
         
         $where = "1";
         
         sql_execute ("UPDATE", "structure_options", $data, $where);
         
     } elseif ($_GET['DO'] == "DELETE") {
         
         $where = "1";
         
         sql_execute ("DELETE", "structure_options", $data, $where);
         
     }
     
 ?>

Når jeg submitter en form, sker der intet, den ser bare ud til at opdatere siden et kort sekund.

18 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 16 karma

Sorter efter stemmer Sorter efter dato

Bruger #15028 @ 07.06.12 10:18

Hvis det bare er skrevet direkte ind, så mener jeg ikke at den binder eventet ordentligt. Smid det hele ind i denne:

JScript kode

 $(document).ready(function() {
    // kode her
 });

Den vil så komme til at hedde:

JScript kode

 $(document).ready(function() {
     $("form").submit(function(){
       
       var_form_data = $(this).serialize();
       
       $.ajax(
           {
               type: "POST", 
               url: "inc/process.php?DO=UPDATE",
               data: var_form_data,
               success: function(data) {
                   alert("It worked!");
               },
               error: function(data) {
                   alert("It failed!");
               }
           }
       );
  
    return false;
   });
 });

Bruger #15028 @ 07.06.12 10:23

Et tip kan også være at indsætte en alert("funktion kaldt") i starten af funktionen, for at se at funktionen rent faktisk bliver kaldt. Det er efter mange erfaringer, en af de første ting jeg tjekker, hvis noget ikke opfører sig som jeg vil

Bruger #8782 @ 07.06.12 12:59

Jeg plejer at bruge event.preventDefault() i stedet for return false.

Dvs. at man for submit funktionen så skal hive event med ud.

Eksempel herunder

JScript kode

 $("form").submit(function(event){
        event.preventDefault();
 
        var_form_data = $(this).serialize();
        
        $.ajax(
            {
                type: "POST", 
                url: "inc/process.php?DO=UPDATE",
                data: var_form_data,
                success: function(data) {
                    alert("It worked!");
                },
                error: function(data) {
                    alert("It failed!");
                }
            }
        );
    });

Bruger #3427 @ 07.06.12 08:39

1.520

Prøv at tilføj return false i din form submit, sådan den ikke submitter din form, men kun sender et AJAX kald.

JScript kode

 $("form").submit(function(){
      
      var_form_data = $(this).serialize();
      
      $.ajax(
          {
              type: "POST", 
              url: "inc/process.php?DO=UPDATE",
              data: var_form_data,
              success: function(data) {
                  alert("It worked!");
              },
              error: function(data) {
                  alert("It failed!");
              }
          }
      );
 
   return false;
  });

Indlæg senest redigeret d. 07.06.2012 08:42 af Bruger #3427

Bruger #10114 @ 07.06.12 08:51

Tror lige jeg skal omformulere "Når jeg submitter en form, sker der intet, den ser bare ud til at opdatere siden et kort sekund. "

Jeg mener, den fjerne ændringerne fra mine inputs, til det originale, og andet sker der ikke.

Den sender ikke nogen data til MySQL, og jeg ved at mine php functions fungere.

Bruger #3427 @ 07.06.12 09:08

1.520

pga af din submit vil dit ajax kald blive stoppet, så du skal tilføje return false, som jeg skrev før.

Bruger #10114 @ 07.06.12 09:36

Prøvede, der var desværre ingen ændring.

Min form ser sådan her ud:

HTML kode

 <form name="site" method="post">
     <input type="text" size="34" name="site_header" value="<?php echo $options_row["site_header"]; ?>" />
     ...
     
     <input type="submit" value="Gem" />
     
 </form>

Indlæg senest redigeret d. 07.06.2012 09:40 af Bruger #10114

Bruger #3427 @ 07.06.12 10:11

1.520

hvis det ikk er pga din js fil er cached så ved jeg det ikke.

Bruger #4487 @ 07.06.12 10:23

1.384

Måske du kunne finde nogle fifs i denne artikel - Dynamisk Indhold Med Ajax og PHP

Bruger #10114 @ 07.06.12 10:23

Svedigt, Det fungere nu :p

Men hvad er det lige der gør at dette skulle på ? - Hvad gør det?

JScript kode

 $(document).ready(function() {
     // kode her
     });

<< < 1 2 > >>

PHP jQuery Ajax - Udfør MySQL uden at reloade siden

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler