2016-07-09 3 views
-2

Я пытаюсь узнать немного JS AJAX, но не могу заставить мой первый скрипт работать.Пример AJAX не работает при загрузке страницы

У меня есть файл с именем test_output.php со следующим сценарием PHP

<?php 
echo call_funtion1(); 

function call_funtion1(){ 
    return 'hello'; 
    } 
?> 

я открываю страницу в Интернете под названием letssee.php со следующим сценарием

<html> 
<body> 
<h1>Ajax</h1> 

<script type="text/javascript"> 

var data_from_test; 

$.get('http://www.motorhomesites.org.uk/test_output.php', function(data){ 
    data_from_test = data; 
    )}; 

document.write ('test');  
document.write (data_from_test); 

</script> 
</body> 
</html> 

Я думал при открытии the letssee.php Я бы получил вывод, отображаемый из файла test_output.php. Но ничего не происходит. Он даже игнорирует тестовый document.write. Что я делаю неправильно, пожалуйста, помогите

ответ

0
Use Following code...  

    // Add library 
    <script language="javascript" type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script> 

    // 
    <script type="text/javascript"> 

    var data_from_test; 

    $.get('http://www.motorhomesites.org.uk/test_output.php', function(data){ 
    data_from_test = data; 
    document.write ('test');  
    document.write (data_from_test); 

}); 

</script> 
+0

, который работает, он возвращает значение php, но поверх пишет html-страницу. Спасибо, что теперь я могу продолжить обучение – user2669997

+0

Вы можете использовать $ (". Class") .html (data_from_test), а не документ t.write (data_from_test) здесь. класс - это класс элемента (Div), в котором вы хотите показывать контент –

0

Вам необходимо включить JQuery.

Добавьте это в HTML в теле (желательно в нижней части, как раз перед </body>.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 

Вы можете вообще сказать, код JavaScript является JQuery, если он начинается с $.

Смотрите документацию https://jquery.com/