繁体   English   中英

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

[英]How to send multiple variable data to ajax and receive with PHP?

我正在尝试使用ajax发送变量数据,但是我不知道data:的属性是什么data:$.ajax我不知道我使用的是否正确,这就是我声明变量的方式:

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获取此数据的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']);

您创建像这样的数据字符串

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

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

您的代码在这一行有问题

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM