JavaScript / Ajax - 使用多个变量发送数据和接收响应

时间:2015-08-20 13:04:44

标签: javascript php jquery html ajax

以下是我发送帖子操作的JavaScript代码:

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    var ColorId = "1";
    $( "#targetButton" ).click(function() {
            $.ajax({
                url: 'checkcolors.php',
                type: 'post',
                dataType: 'json',
                success: function (data) {
                    var arr = data.msg.split(',');
                    arr.forEach(function(id){
                        $('#' + id.trim()).hide();
                    });
                    //$('#target').html(data.msg);
                },
                data: ColorId
            });
    });     

}); 
</script>
<button type="button" id="targetButton">Send</button>
<div style="BlackAndWhite" id="24604682">24604682</div>
<div style="BlackAndWhite" id="24604682x">24604682x</div>
<div style="BlackAndWhite" id="24604679">24604679</div>
<div style="BlackAndWhite" id="24604621">24604621</div>

以下是checkcolors.php的结果:

24604603, 24604684, 24604640, 24604609, 24604682, 24604686, 24604681, 24604689, 24604602, 24604679, 24604680, 24604622, 24604685, 24604683, 24604621, 24604677, 24604688,

我也可以这样打印:

24604603
24604684
24604640
24604609
24604682
24604686
24604681
24604689
24604602
24604679
24604680
24604622
24604685
24604683
24604621
24604677
24604688

我可以根据需要制作这些数字。

我需要做什么!

我的html div元素与结果返回的ids相同。 当返回这些数字时,我必须使用checkcolors.php响应中显示的id隐藏所有div元素。

我该怎么做?

提前致谢!

2 个答案:

答案 0 :(得分:1)

这是一种非常粗糙的方式:

    <script type="text/javascript">
    function send() {
        var person = {
            name: $("#id-name").val(),
            address:$("#id-address").val(),
            phone:$("#id-phone").val()
        }

        $('#target').html('sending..');

        $.ajax({
            url: 'checkcolors.php',
            type: 'post',
            dataType: 'json',
            success: function (data) {
                var arr = data.msg.split(',');
                arr.forEach(function(id){
                    $('#' + id.trim()).hide();
                });
                //$('#target').html(data.msg);
            },
            data: person
        });
    }
</script>

答案 1 :(得分:-1)

为什么style =“BlackAndWhite”可以是class =“BlackAndWhite”???

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    var ColorId = "1";
    $( "#targetButton" ).click(function() {
        $.ajax({
            url: 'checkcolors.php',
            type: 'post',
            dataType: 'json',
            success: function (data) {
                console.log(data);
                var arr = data.split(',');
                var html = "";
                arr.forEach(function(id){
                    html += "<div style='BlackAndWhite' id='" + id + "'>" + id + "</div>";
                });
                $('#target').html(html);
            },
            data: ColorId
        });
    });     

}); 
</script>
<button type="button" id="targetButton">Send</button>
<div id="target"></div>