2017-05-09 80 views
0

我想用ajax發送變量數據,但我不知道會是怎樣的data:$.ajax我不知道該財產,如果我使用它的權利和繼承人如何我宣佈我的變量:如何發送多個變量數據到Ajax和PHP接收?

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

如何將它應用於ajax函數?

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

這裏是如何我嘗試從我insert.php獲取這樣的數據:

$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

您的代碼似乎正確,它不起作用? – Mokkun

+0

什麼是'var value1 ='value1'; var value2 ='value2'; var value3 ='value3';'他們從哪裏來?輸入/字段/ div填充PHP?那麼你需要用一些PHP代碼在jQuery部分中定義它們,或者用一些'var value1 = $(「#my_input_with_ID_value1」)。val();' – OldPadawan

+0

來獲取它們的值,你可以聲明一些var,這僅用於測試目的,但聲明這些仍然有可能 –

回答

0

您創建datastring這樣

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

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

你的代碼在這一行有問題

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

你發送value2兩次所以更新這個

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

檢查此代碼。它會工作,你可以測試,這也

這是HTML代碼

<!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> 

那麼這是insert.php。我爲您的測試目的編寫此代碼

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