2017-05-09 3 views
0

Ich versuche Variablen Daten mit Ajax zu senden, aber ich weiß nicht, was das Eigentum von data: in $.ajax sein wird, weiß ich nicht, ob ich es richtig bin mit und heren, wie ich meine Variable deklarierte:Wie man mehrere variable Daten an ajax sendet und mit PHP empfängt?

var value1 = 'value1'; 
var value2 = 'value2'; 
var value3 = 'value3'; 

Wie kann ich es auf die ajax Funktion anwenden?

$.ajax({ 
    url: "insert.php", 
    method: "post", 
    data:{value1:value1, value2:value2, value2:value2}, 
    dataType:"text", 
    success:function(data){ 
     alert('Successfully') 
    } 
}); 

Und hier ist, wie ich versuche, diese Daten von meinem insert.php holen:

$value1 = mysqli_real_escape_string($con,$_POST['value1']); 
$value2 = mysqli_real_escape_string($con,$_POST['value2']); 
$value3 = mysqli_real_escape_string($con,$_POST['value3']); 
+1

Ihr Code scheint richtig, es funktioniert nicht? – Mokkun

+0

Was sind 'var value1 = 'value1'; var value2 = 'value2'; var value3 = 'value3'; 'und woher kommen sie? Eingänge/Felder/div mit PHP gefüllt? dann müssten Sie sie im jQuery-Teil mit etwas PHP-Code definieren oder ihre Werte mit einigen 'var value1 = $ (" # my_input_with_ID_value1 "). val();' – OldPadawan

+0

können Sie einfach etwas mit einer var deklarieren, Das ist nur zu Testzwecken, aber das ist immer noch möglich –

Antwort

0

Sie erstellen Datenzeichen wie diese

var dataString = 'value1='+ value1+ '&value2='+ value2; 

    $.ajax({ 
       url: "insert.php", 
       method: "POST", 
       data:dataString , 
       dataType:"text", 
       success:function(data){ 
        alert('Successfully') 
       } 
      }); 
0

Code haben Problem in dieser Zeile

data:{value1:value1, value2:value2, value2:value2}, 

senden Sie value2 zwei mal so aktualisieren Sie diese

data: {value1: 'value1', value2: 'value2', value3: 'value3'}, 

überprüfen Sie diesen Code. es funktioniert und Sie können diese

diesen HTML-Code auch testen

<!DOCTYPE html> 
<html> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script type="text/javascript"> 

     $(document).ready(function() { 

      $("#category").change(function() { 
       var value1 = 'value1'; 
       $.ajax({ 
        type: 'post', 
        url: 'edit.php', 
        data: {value1: 'value1', value2: 'value2', value3: 'value3'}, 
        datatype: 'json', 
        success: function (data) { 
         alert(data); 
        } 

       }) 
      }) 
     }) 
    </script> 
    <title></title> 
</head> 
<body> 
<form method="post"> 
    <table> 
     <tr> 
      <td>category:</td> 
      <td> 
       <select id="category"> 
        <option>Select Category</option> 
        <option value="mobile">Mobile</option> 
        <option value="TV">Tv</option> 
        <option value="Phone">Phone</option> 

       </select> 
      </td> 
     </tr> 

    </table> 
</form> 

</body> 
</html> 

dann diese insert.php ist. Ich schreibe diesen Code für Ihren Testzweck

<?php 
print_r($_POST); 
echo $value1 = $_POST['value1']; 
echo "<br>"; 
echo $value2 = $_POST['value2']; 
echo "<br>"; 
echo $value3 = $_POST['value3']; 
Verwandte Themen