Вызов php-запроса в javascript

Question

Итак, у меня есть jscript, который создает новый ввод текста и выпадающий список с каждым добавлением. Это первое, что у меня есть на странице, прекрасно, так как на этой странице вызывается функция php. Проблема, которую я имею, - это мое раскрывающееся меню, которое не заполняется моим запросом, поскольку у меня нет функции javascript, вызывающей функцию php. Я не уверен, как добавить это. Вот моя функция Jscript.

var counter = 1; 
var limit = 45; 
function addInput(divName){ 
    if (counter == limit) { 
     alert("You have reached the limit of adding " + counter + " inputs"); 
    } 
    else { 
     var newdiv = document.createElement('div'); 
    newdiv.innerHTML = "Hop " + (counter + 1) + " <br><input type='text' name='myInputs[]'><br>" +    "Type "+ (counter + 1) + " <br><select name='myInputs2[]' data-rel='chosen'><?php query() ?></select>" ; 
    document.getElementById(divName).appendChild(newdiv); 
    counter++; 
    } 
} 

Это мой html. Это раскрывающееся меню (первое раскрывающееся меню) Заселяется.

<?php 
    include_once 'dropfunc2.php'; 
    connect(); ?> 
    <script src="js/addInput.js" language="JavaScript" type="text/javascript"></script> 
<form method="POST"> 
    <div id="dynamicInput"> 
     Hop 1<br><input type="text" name="myInputs[]"><br> 
     Type 1<br><select name="myInputs2[]" data-rel="chosen"><?php query() ?></select> 

    </div> 
    <input type="button" value="Add Hop" onClick="addInput('dynamicInput');"> 
    <input type="submit" value="Submit"> 
</form> 

Теперь я пытался делать то, что я нашел на этом сайте и сделать мой JScript на .php страницу и добавить заголовок («Content-Type: применение/JavaScript»); но тогда функция полностью ломается и не добавляет больше входных данных. Я получаю addInputs не определена ошибка jscript.

Answer 1

Поместите свой PHP-код для извлечения данных в отдельный файл, а затем вызовите этот сценарий с помощью AJAX. Вы можете отправить обратно форматированный HTML или массив JSON для синтаксического анализа и заполнения тегов в JavaScript.

Это поможет вам, если вы новичок в AJAX и не хотите использовать JQuery: http://www.w3schools.com/ajax/default.ASP

Если вы хотите использовать JQuery, то проверить это: http://api.jquery.com/jquery.ajax/