Страница не загружается при использовании jQuery и AJAX - PullRequest
Новая
       0

Страница не загружается при использовании jQuery и AJAX

0 голосов
/ 06 мая 2020

При запуске этой функции results.php не загружается. Я проверил, вызывается ли сама функция, и это так (когда появляется "hello1"). Однако по какой-то причине содержимое результатов. php не загружается в правильный раздел. 

<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
function loadTable(){
    alert("hello1");
    $("#results_page").load("results.php");
}
</script>
<div id="results_page"></div>

Вот содержимое results.php. (Я использовал alert("Hello2"), чтобы проверить, загружается ли он, и hello2 не получает предупреждений, поэтому я предполагаю, что страница не загружается. 

<html>
<script type="text/javascript">
alert("hello2");
</script>
</html>

Таким образом, проблема заключается в следующем утверждении в wedding.php (исходный документ) 

$("#results_page").load("results.php");

Любые идеи?

EDIT:

loadTable() вызывается в отдельной функции который тоже загружен. Вот более подробная версия того, как выглядит основная программа (wedding.php). 

<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    $("#form_details").load('form.php');
});
function loadTable(){
    alert($("#results_page").length);
    $("#results_page").load("results.php");
}

</script>
<div id="form_details"></div>
<div id="results_page"></div>

Итак, при выполнении загружается form.php. Этот файл содержит форму, которая получает заполнено. После отправки формы вызывается функция с именем load(), которая вызывает loadTable(). Вот как выглядит form.php. 

<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
function load(){
    alert("hello");
    loadTable();
}

form.php также содержит форму, однако Будьте кратки, я не включил его.

При тестировании hello получает предупреждение, и поэтому я считаю, что load() выполняется правильно. Hello1 также получает предупреждение, и поэтому я считаю, что loadTable() выполняется правильно

Ответы [ 2 ]

0 голосов
/ 06 мая 2020

РЕДАКТИРОВАТЬ: попробуйте # 2.

Я создал то, что я считаю репликой. Три html страницы.

main. html - При загрузке страницы загружает форму. html

form. html - Нажмите кнопку, и она вызовет main. html function loadResult ()

результат. html - содержит информацию о результате

main. html

<html>
<head>

<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
    function loadResult(){
        console.log("loading result");
        $("#resultPage").load("result.html");
    }

    function loadForm(){
        console.log("loading form");
        $("#formPage").load("form.html");
    }

    $(document).ready(function () {
        loadForm();
    });
</script>

</head>
<body>

<h1>MAIN PAGE</h1>

<div id="formPage"></div>

<div id="resultPage"></div>

</body>
</html>

форма. html

<html>
<head>

<script type="text/javascript">
    function submitForm() {
        console.log("calling loadResult on main page");
        loadResult();
    }
</script>

</head>
<body>

<h1>FORM PAGE</h1>

<form onsubmit="submitForm(); return false;">
<input type="submit"/>
</form>

</body>
</html>

результат. html

<html>
<head>
<script type="text/javascript">
console.log("inside result page");
</script>
</head>

<body>
<h1>RESULT PAGE</h1>
<i>The Result</i>
</body>
</html>
0 голосов
/ 06 мая 2020

добавьте запуск функции loadTable () следующим образом: 

<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
  function loadTable(){
     alert("hello1");
     $("#results_page").load("results.php");
  }
</script>
<div id="results_page"></div>
<script type="text/javascript">
  loadTable();
</script>

EDIT:

file: index. php: 

!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>title</title>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
    <script type="text/javascript">
      function loadTable(){
         alert("hello1");
         $("#results_page").load("results.php");
      }

      $(document).ready(function(){
         loadTable();
      });        
    </script>
  </head>
  <body>
    <div id="results_page"></div>
 </body>
</html>

файл результатов. php: 

<html>
<script type="text/javascript">
alert("hello2");
</script>
</html>

Все работало нормально.

alert ("hell1") -> предупрежден

alert ("hello2") -> предупрежден

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...