JavaScript/Ajax - Отправка данных и получение ответа с несколькими переменными

Вот мой код JavaScript для отправки на почту действия:JavaScript/Ajax - Отправка данных и получение ответа с несколькими переменными

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

I может сделать их напечатаны следующим образом:

Я могу сделать эти цифры строгими, но iw муравей.

Что мне нужно делать!

У меня есть элементы html div с тем же ids, что результат возвращается. Когда эти числа возвращаются, я должен скрыть все элементы div с идентификаторами, указанными в ответе checkcolors.php.

Как я могу это сделать?

Заранее благодарен!

источник

2015-08-20 Tony Stark

Вернуть JSON объект вместо: [PHP json_encode()] (http://php.net/manual/en/function.json-encode.php) и [jQuery.getJSON()] (HTTP: //api.jquery.com/jquery.getjson/) – Blazemonger

Не могли бы вы показать мне, как с примером кода в качестве ответа на этот вопрос. Заранее спасибо! –

Я мог бы, да, но вы будете чувствовать себя намного лучше о себе, как только прочитаете документацию и решите проблему самостоятельно. Повеселись! – Blazemonger

Вот очень грубый способ сделать это:

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

источник

2015-08-20 13:15:09 MinusFour

Не могли бы вы добавить его в код из вопроса и сделать его полным ответом. Спасибо огромное! –

@TonyStark, обновленный – MinusFour

Пожалуйста, ознакомьтесь с обновленным вопросом, потому что он как-то не работает. Спасибо :) –

-1

Почему стиль = "BlackAndWhite" может быть классом = "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>

источник

2015-08-20 14:11:16 Sergynyo

JavaScript/Ajax - Отправка данных и получение ответа с несколькими переменными

ответ

Смежные вопросы