PHP / Ajax / JQuery响应无法正常工作

时间:2015-07-16 04:39:48

标签: javascript php jquery ajax

我有 index.php 文件,如下所示:

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
        <script src="ajax.js"></script>
    </head>
    <body>
        <div id="summary">The returned value will go here</div>
    </body>
</html>

ajax.js 的内容,它应该一直调用/调用function.php,直到function.php返回&#39; 1&#39; :

function check(){
    return $.ajax({
        url: 'function.php',
        type:'POST',
        success: function(response){
            if(response == '1'){
                $('#summary').html(response);
            }else{
                check();
            }
        },
        failure: function(jqXHR, textStatus, errorThrown){
            console.log(textStatus);
        }
    });
}

check();

最后 function.php

<?php
  echo "1";
?>

我预计function.php只会被调用一次,因为function.php会返回&#34; 1&#34;。然而,它一直无休止地调用 function.php

有人能指出我如何正常工作吗?

1 个答案:

答案 0 :(得分:1)

代码看起来很好,但有一个可能的原因是响应可能有前导或尾随空格。

解决方案可能是在比较之前修剪响应值

if (response.trim() == '1') {//use $.trim(response) if wants to support < IE9 or use a [polyfill](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String/trim#Polyfill)
    $('#summary').html(response);
} else {
    check();
}