2017-05-09 73 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'];