jquery – 如何在文档加载时立即进行AJAX调用

前端之家收集整理的这篇文章主要介绍了jquery – 如何在文档加载时立即进行AJAX调用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在加载文档后立即执行ajax调用.我正在做的是加载一个字符串,其中包含我将用于自动完成功能的数据.这就是我所做的,但它并没有调用servlet.

删除了对各种JS脚本的调用以使其更清晰.我在我的代码中完成了几个类似的AJAX调用,但通常是由click事件触发,我不知道文档加载时它的语法是什么,但我认为这就是它(但事实并非如此):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="../js/jquery.js" type="text/javascript">
</script>
<link rel="stylesheet" href="../css/styles.css" type="text/css">
<link rel="stylesheet" href="../css/jquery.autocomplete.css" type="text/css">
<script type="text/javascript" src="../js/jquery.bgiframe.min.js">
</script>
<script type="text/javascript" src="../js/jquery.dimensions.js">
</script>
<script type="text/javascript" src="../js/jquery.autocomplete.js">
</script>
<script type="text/javascript">
  $(document).ready(function(){

          $.ajax({
                type: "GET",url: "AutoComplete",dataType: 'json',data: queryString,success: function(data) {
                        var dataArray = data;
                        alert(dataArray);
                        }
                });

     $("#example").autocomplete(dataArray);
  });
</script>
<title></title>
</head>
<body>
    API Reference:
<form><input id="example"> (try "C" or "E")</form>
</body>
</html>

编辑:我的代码现在看起来更像卡里姆:

$(document).ready(function(){
     $.ajax({
        type: "GET",url: "../AutoComplete",success: function(data) {
             $("#example").autocomplete(data);
        }
     });
 });

尽管如此,自动完成仍然不起作用(完全是另一个问题,所以我也会发布另一个问题,因此它有一个合适的标题).

我发送的变量“数据”看起来像……“手稿|文字|信息对象|篮球|球|运动器材|狼蛛”.split(“|”);

如果我做

var dataArray = "Manuscript|Text|Information Object|Basketball|Ball|Sporting Equipment|Tarantula".split("|");

然后

$("#example").autocomplete(dataArray);

一切正常,但是当我从服务器获得dataArray的值时,它没有.

解决方法

调用jQuery API之前,需要加载jQuery.

在您的代码片段之前,加载jQuery …

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>

猜你在找的jQuery相关文章