Пытается передать параметры в модальный с помощью ajax?

У меня есть страница (products.php), которая имеет динамически заполненную таблицу. Каждая строка имеет кнопку, которая открывает модальную форму, но для передачи параметров модальности: во-первых, я объявлял модальный на текущей странице (products.php). Во-вторых, я вызываю оставшуюся часть модала, используя ajax с другой страницы (modal.php). я всплыл все параметры в выпадающем списке перед использованием ajax, но на этот раз я не могу сделать то же самое, показывая модальный. я могу использовать php href, но это вызывает мой сценарий jquery, который я использую при отправке в базу данных на моем модальном устройстве, чтобы больше не работать, и именно поэтому я придумал это с помощью ajax. Я хотел бы знать, почему это не работает с хорошо ajax.Пытается передать параметры в модальный с помощью ajax?

Heres код образца:

products.php

<html> 
    <header> 
    <script> 
     function modalValues(val1,val2){ 
     if(window.XMLHttpRequest){ 

     xhttp = new XMLHttpRequest(); 

     }else{ 

     xhttp = new ActiveXObject("Microsoft.XMLHTTP"); 

     } 

     xhttp.onreadystatechange = function(){ 
      if(xhttp.readyState == 4 && xhttp.status == 200){ 
       document.getElementById("load_here").innerHTML = xhttp.responseText; 
      } 
     }; 

     xhhtp.open("POST","modal.php?id3="+val1+"&id="+val2,true); 
     xhttp.send(); 
     } 
    </script> 
    </header> 

    <body> 

    <div class="modal fade" data-keyboard="false" id="product_customerModal" tabindex="-1" role="dialog" aria-labelledby="product_customerModalLabel" aria-hidden="true"> 
    <div class="modal-dialog modal-lg"> 
<div id="load_here" class="modal-content"> 
</div> 
    </div> 
    </div> 

    <table> 
    <?php 
    global $link; 

    $query = "blah,blah"; 
    $result_set = mysqli_query($link,$query); 

    $number = mysqli_num_rows($result_set); 

    for($count=0;$count<$number;$count++){ 
    $result = mysqli_fetch_array($result_set); 
    echo "<tr>"; 
    echo "<td>{$result['field1']}</td>"; 
    echo "<td>{$result['field2']}</td>"; 
    echo "<td><button onclick='modalValues(<?php echo $result['field1'];?>,<?php echo $result['field2'];?>) data-toggle="modal" data-target='#product_customerModal'></button></td>"; 
    } 
    ?> 

    </table> 

    </body> 
    </html>

modal.php

<div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h4 class="modal-title" > Date: (<?php echo $date;?>)</h4></div 
    <div class="modal-body"> 
<?php 
//some php code 
?> 
    <div> 
    <div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    </div>

источник

2016-09-20 Ikechukwu Kalu

Вы должны исправить две строки они заключаются в следующем, а затем ваша модель html будет: xhttp.open("POST","test2.php?id3="+val1+"&id="+val2,true); не xhhtp

echo "<td><button onclick='modalValues('".$result['field1']."','".$result['field2']."') data-toggle='modal' data-target='#product_customerModal'></button></td>";

источник

2016-09-20 17:34:19 bharat

спасибо, это сработало для меня –

Пытается передать параметры в модальный с помощью ajax?

ответ

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