如何将多个变量数据发送到ajax并使用PHP接收?

时间:2017-05-09 13:19:43

标签: javascript php jquery ajax

我尝试使用ajax发送变量数据,但我不知道data:$.ajax的属性是什么,我不知道我是否#&# 39; m正确使用它,以及我如何声明我的变量:

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']);

2 个答案:

答案 0 :(得分:0)

你创建像这样的数据串

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

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

答案 1 :(得分: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'];