кнопка изображения - нет изменения страницы

#javascript #html

#javascript #HTML

Вопрос:

Я пытаюсь вызвать php-файл без обновления страницы. Код выполняет php-файл, но значение toid не передается. Если я вручную запрашиваю страницу, то она работает нормально. Другая проблема, с которой я сталкиваюсь, заключается в том, что кнопка должна быть изображением с путем src =»{ROOT_PATH}mchat/quote.gif »

 <form id="myform"  method="POST"  class="form_statusinput">
<input type="hidden"  name="toid" id="toid" value="<?php echo {mchatrow.MCHAT_USERNAME}; ?>">
<div id="button_block">
<input type="submit" id="button" value="Enter">
</div>
</form>

<script>
$(document).ready(function(){
$("form#myform").submit(function(event) {
    event.preventDefault();
    var toid = $("#toid").val();

    $.ajax({
        type: "POST",
        url: "randomquote.php",
        data: "toid="   toid,
         });
    });
});
 </script>

Есть какие-нибудь идеи?

1. Если бы вы могли добавить скрипку для этого, было бы полезно решить проблему

2. Объект события передается функции в качестве параметра. Вы должны объявлять свою анонимную функцию следующим образом: $('form').on("submit", function(event){

3. Кроме того, опубликуйте соответствующий PHP-код (из executethisscript.php ), и я предлагаю больше использовать функции быстрого доступа jQuery (он же $.get).

4. Обязательно всегда проверяйте консоль JS в devtools вашего браузера — на самом деле она всегда открыта во время разработки. Проблема, о которой упоминает @PitaJ, определенно возникла бы как ошибка.

5. Это будет означать что-то вроде: TypeError: undefined is not a function или ReferenceError: event is not defined

Ответ №1:

Когда вы говорите: «если я вручную запрашиваю страницу, тогда она работает нормально», означает ли это прямое попадание в конечную точку, например

 http://yoursite.com/randomquote.php?toid=239439

Вы пробовали отправлять данные как объект (например, так):

 $.ajax({
    type: "POST",
    url: "randomquote.php",
    data: { toid: toid }
});

Это может помочь.