ar8*_*r88 6 html javascript ajax jquery
我是JavaScript,Jquery和Ajax的新手.这就是我想要做的:
我的HTML代码中有一个按钮,我想触发一个AJAX调用,该调用将向在我的本地机器上运行的Web服务器发出GET请求.
这是我到目前为止:
JS代码:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript">
$('call').click(function() {
alert("hiii");
$.ajax({
'url' : 'localhost:8080/blah/blah/blah',
'type' : 'GET',
beforeSend: function() {
alert(1);
},
error: function() {
alert('Error');
},
'success' : function(data) {
if (data == "success") {
alert('request sent!');
}
}
});
});
</script>HTML代码:
<body>
<div>
<form>
<div class = "buttons">
<input type="submit" id="call" value="call">
</div>
</form>
</div>
</body>有人能帮助我吗？提前致谢!
您的代码有一些问题。其一，您的选择器没有指向任何类或 ID。您需要分别使用.call或#call来表示类或 ID。其次，你的脚本没有任何document.ready功能。查看下面的代码。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript">
// document.ready function
$(function() {
// selector has to be . for a class name and # for an ID
$('.call').click(function(e) {
e.preventDefault(); // prevent form from reloading page
alert("hiii");
$.ajax({
'url' : 'localhost:8080/blah/blah/blah',
'type' : 'GET',
beforeSend: function() {
alert(1);
},
error: function() {
alert('Error');
},
'success' : function(data) {
if (data == "success") {
alert('request sent!');
}
}
});
});
});
</script>
| 归档时间： |
|
| 查看次数： |
7333 次 |
| 最近记录： |