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

Martin, har nemlig også kigget på den

Den funktion bliver kaldt når dokument er indlæst, og når dokumentet er indlæst, kan du binde eventet

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;
   });
 });

virker fint uden $(function(){ ... }); - de bruger den heller ikke på jquerys side med form-submit.

http://api.jquery.com/submit/

men helt klart en idé et bruge den, havde slet ikke tænk på han ikke havde den på (selv om det burde virke uden) da det er en selvfølge for mig man pakker sin jquery ind $(function(){ ... });

Hvordan kalder jeg egentligt en php function inde i javascriptet?

 success: function(data) {
     $("#msg").addClass("success");
         [PHP Her]
 },
 error: function(data) {
     $("#msg").addClass("error");
         [PHP Her]
 }

Hvordan kalder jeg egentligt en php function inde i javascriptet?

JScript kode 

 success: function(data) {
     $("#msg").addClass("success");
         [PHP Her]
 },
 error: function(data) {
     $("#msg").addClass("error");
         [PHP Her]
 }

det "kan" du ikke, du skal sende det du vil benytte fra din process.php

evt, process.php

 if ($_GET['DO'] == "INSERT") {
          
          $data = array_map("check_input_mysql_injection", $_POST);
          
          sql_execute ("INSERT", "structure_options", $data, $where);
          
          //udfør dit PHP her og send det return
          echo json_encode(array("var_a" => "indhold a", "var_b" => "indhold b"));
 
      }

 $.ajax(
          {
              type: "POST", 
              url: "inc/process.php?DO=UPDATE",
              data: var_form_data,
              dataType:"json", //<--- husk den her linje
              success: function(data) {
               $("#msg").addClass("success");
              alert(data.var_a);
              alert(data.var_b);
             }
          }
      );

Hmm,, tror egentligt også det er en bedre løsning, men Jeg skal bare have skrevet hele arrayet ud i en liste et andet sted på sitet. Kan ikke bruge alerts.

Har prøvet sådan her:


index.php

 <script type="text/javascript">
     $(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) {
                     $("#msgbox").addClass("success");
                     $("#msg").html(data.success);
                 },
                 error: function(data) {
                     $("#msgbox").addClass("error");
                     $("#msg").html(data.error);
                 }
             }
         );
         
         return false;
         
         });
     });
 </script>

 <div id="msgbox" class="hide">
     
     <span id="msg"> </span>
     
 </div>

process.php

 echo json_encode(array("success" => "Det lykkedes!", "error" => "Fejl!"));

Men den siger bare "undefined".

Hmm,, tror egentligt også det er en bedre løsning, men Jeg skal bare have skrevet hele arrayet ud i en liste et andet sted på sitet. Kan ikke bruge alerts.

Har prøvet sådan her:


index.php

Kode 

<script type="text/javascript">
	$(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) {
					$("#msgbox").addClass("success");
					$("#msg").html(data.success);
				},
				error: function(data) {
					$("#msgbox").addClass("error");
					$("#msg").html(data.error);
				}
			}
		);
		
		return false;
		
		});
	});
</script>

HTML kode 

 <div id="msgbox" class="hide">
     
     <span id="msg"> </span>
     
 </div>

process.php

Kode 

echo json_encode(array("success" => "Det lykkedes!", "error" => "Fejl!"));

Men den siger bare "undefined".

kig på min kode igen
dataType:"json", //<--- husk den her linje

Den havde jeg lige overset, men nu skriver den slet ikke noget,, den viser kun

 <div id="msgbox" class="hide">

Bare uden indhold.


Så også lige at med: dataType:"json",

Så trigger den kun:

 error: function(data) {
     $("#msgbox").addClass("error");
     $("#msg").html(data.error);
 }

Det jeg egentligt gerne vil have den skal svare, er enten om formen blev korrekt sendt og behandlet, og hvis ikke, så vise en af følgende css klasser:

.info
.success
.warning
.error

Hvor beskeden i hver klasse er forskellig fra form til form.