Ank*_*kur 9 ajax jquery initialization
我想在加载文档后立即执行ajax调用.我正在做的是加载一个字符串,其中包含我将用于自动完成功能的数据.这就是我所做的,但它并没有调用servlet.
我删除了对各种JS脚本的调用,以使其更清晰.我在我的代码做了几个类似的AJAX调用,但通常是由点击事件触发,我不知道什么样的语法,只要文档加载这样做,但我认为这将是它(但它不是):
<!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>
Run Code Online (Sandbox Code Playgroud)
编辑:我的代码现在看起来更像卡里姆:
$(document).ready(function(){
$.ajax({
type: "GET",
url: "../AutoComplete",
success: function(data) {
$("#example").autocomplete(data);
}
});
});
Run Code Online (Sandbox Code Playgroud)
尽管如此,自动完成仍然无法工作(完全是另一个问题,所以我也会发布另一个问题,因此它有一个合适的标题).
我发送的变量"数据"看起来像......"手稿|文字|信息对象|篮球|球|运动器材|狼蛛".split("|");
如果我做
var dataArray = "Manuscript|Text|Information Object|Basketball|Ball|Sporting Equipment|Tarantula".split("|");
Run Code Online (Sandbox Code Playgroud)
然后
$("#example").autocomplete(dataArray);
Run Code Online (Sandbox Code Playgroud)
一切正常,但是当我从服务器获取dataArray的值时,它没有.
Bra*_*ant 10
在调用jQuery API之前,需要加载jQuery.
在你的代码片段之前,加载jQuery ...
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
7379 次 |
| 最近记录: |