AJAX示例无法处理页面加载

时间:2016-07-09 11:31:20

标签: javascript php jquery ajax

我正在尝试学习一些JS 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>

我在打开letssee.php时会想到我会从test_output.php文件中显示输出。但什么都没发生。它甚至忽略了测试document.write。我做错了什么,请帮忙

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分: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/