javascript - jquery:ajax 未在文档 getready 中触发

Question

我在 head 部分添加了 jquery，下面的代码在 body 部分。问题是这不起作用。

甚至警报也没有显示。我在 Firebug 中没有收到任何错误。我想在页面加载时执行ajax。我不确定我的方法是否好。

请指教。下面是js代码。

<script type="text/javascript">
$('document').ready(function(){
         alert('Test');
                $.ajax({
                    type: 'post',
                    url: 'profile_exec.php',
                    cache: false,
                    dataType: 'json',
                    data: uid,
                    beforeSend: function() { 
                        $("#validation-errors").hide().empty(); 
                    },
                    success: function(data) {
                                var applied_counts = data.applied_count;
                        alert(applied_counts);      
                    },
                    error: function(xhr, textStatus, thrownError) {
                        alert('Something went to wrong.Please Try again later...');
                    }
                });             
                return false;

        });

    </script>

Answer 1

如您所见，这应该可以正常工作:

$('document').ready(function(){
  alert('ready');
  $.ajax({
    url: 'https://jsonplaceholder.typicode.com/posts/1',
    method: 'GET',
  }).then(function(data){
    console.log(data);
  }); 
});

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

由于连警报也没有显示，请检查您的 html 代码。也许将您的 jQuery 替换为 google CDN 提供的 jQuery。