У меня возникла проблема с некоторым скриптом для выполнения функции через AJAX без обновления моей страницы. У меня есть поле для ввода пользователем внешнего URL-адреса, и когда они нажимают кнопку «Отправить», появляется всплывающее окно с некоторой информацией, сгенерированной с помощью отдельной страницы PHP (в настоящее время – images.php). У меня скрипт работает, когда форма фактически отправлена, перезагрузка страницы и images.php может видеть index.php? Url = что угодно, но я пытаюсь обновить страницу без необходимости обновления. Нужно ли повторно отображать DIV после определения переменной? Я думаю, это может быть там, где у меня проблемы.
JS
<script type="text/javascript"> $(function() { $("#newNote").submit(function() { var url = "images.php"; // the script where you handle the form input. var noteUrl = $('#noteUrl).val(); $.ajax({ type: "POST", url: url, data: {noteUrl: noteUrl}, success: function(data) { alert(data); // show response from the php script. } }); return false; // avoid to execute the actual submit of the form. }); }); </script> HTML
<form id="newNote"> <input type="text" class="form-control" id="noteUrl"> <input type="button" class="btn btn-default" id="addNote" data-toggle="modal" data-target="#noteModal" value="Add Note"/> </form>
PHP (кроме формы, представленной этому, это также входит в модальный, который открывается, но возвращает NULL на var_dump ($ postUrl))
$postUrl = $_REQUEST['noteUrl']; echo $postUrl;
Я определенно мог пропустить что-то яркое, но, честно говоря, я пробовал каждую комбинацию примера AJAX, которую я мог найти здесь. Я пропустил огромный шаг в том, чтобы PHP получить переменную? Нужно ли мне где-нибудь обновлять DIV?
Пожалуйста помоги.