Question

我正在调用一个简单的JS脚本来加载ajax函数....它不起作用...我使用document.write进行调试，看看问题在哪里撒谎，我可以看到我的TEST 1但不是我的测试2 ...

我的HTML

<html>
<title>Ajax Infinite scroll using jQuery - InfoTuts</title>
<head>
<!--<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" ></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>


<img id='loading' src='img/loading.gif'>
<div class="masonry" >
    <div id="demoajax" cellspacing="0"></div>
</div>

</body>
<script type="text/javascript" src="script.js"></script>
</html>

我的JavaScript

 var ajax_arry=[];
 var ajax_index =0;
 var sctp = 100;
 $(function()
{
   $('#loading').show();
/*  document.write("TEST1");  */

$.ajax(
{

/*  document.write("TEST2");  */
    url:"scroll.php",
    type:"POST",
    data:"actionfunction=showData&page=1",
    cache: false,
    success: function(response)
        {
            $('#loading').hide();
            $('#demoajax').html(response); 
        }

   });

 /*  MORE CODE BELOW  */

我的document.write TEST 1在屏幕上打印，但我的TEST 2无法打印..

似乎它不会进入$ ajax（代码部分

）

Answer 1

不要使用document.write进行调试。浏览器有一个控制台。使用console.log，您可以设置断点。

你正在创建一个错误，将document.write放在一个对象的中间！这是一个语法错误。

如果您正在尝试找出未加载Ajax调用的原因，请添加错误处理程序并查看是否正在调用它。

$('#loading').show();
console.log("loading shown");

$.ajax({
  url: "scroll.php",
  type: "POST",
  data: "actionfunction=showData&page=1",
  cache: false,
  success: function(response) {
    console.log("success", response);
    $('#loading').hide();
    $('#demoajax').html(response);
  },
  error: function() {
    console.log("error", arguments);
  }

});

Answer 2

你错过了关闭你的功能;

把这个}）;在你的ajax电话之后。

如果你得到＆＃34; 500（内部服务器错误）＆＃34;，你可能需要更改该PHP文件的权限。

Answer 3

尝试放置document.write（“TEST2”）;内部成功功能。

Answer 4

将$.ajax放在document.ready function

上

$(document).ready(function(){
    $.ajax({
    /*  document.write("TEST2");  */
    url:"scroll.php",
    type:"POST",
    data:"actionfunction=showData&page=1",
    cache: false,
    success: function(response){
            $('#loading').hide();
            $('#demoajax').html(response); 
     }
   });
});

javascript中的ajax无法正常工作。不读代码

4 个答案: