我有一个在Glassfish Application Server上运行的RESTful Web服务。当我在cURL上使用/ GET HTTP方法调用Web服务时,存储的条目将被提取到控制台。我想创建一个jQuery REST客户端 - 当我单击该按钮时,它必须提醒我返回的JSON或XML条目。但在成功方法中,没有任何反应。我的html页面如下所示。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Başlıksız Belge</title>
</head>
<body>
<input type="submit" name="kaydet" id="kaydet" value="Kaydet" />
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
var restURL="http://localhost:43842/KodcuComRESTful/kodcuRS/yazilar";
$('#kaydet').click(function(){
$.ajax({
type: 'GET',
url: restURL,
dataType:"json",
success: renderList,
});
return false;
});
function renderList(data) {
alert(data);
}
</script>
</body>
</html>
当我在Live HTTP头程序中观察到请求和响应时,似乎一切正常。问题是什么?
答案 0 :(得分:6)
我已经实现了你想要的东西。 这是代码。它完全正常。
希望它对你有所帮助。
<html>
<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#submit").click(function(){
$.ajax({
type: 'GET',
url: "http://localhost/page1.html",
success:function(data){
alert(data);
}
});
return false;
});
});
</script>
</head>
<body>
<input type="button" id="submit" value="submit" />
</body>
</html>
答案 1 :(得分:1)
要检查两件事:
dataType:"json",
并查看它是否有效。也许这不是JSON。restURL
在同一个域上是否指向?如果没有,您可能需要JSONP。答案 2 :(得分:1)
在成功功能行之后有一个逗号 - “,”,删除它,因为它是最后一行?
目前是:
成功:renderList,
将其更改为: 成功:renderList
最终的Html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Başlıksız Belge</title>
</head>
<body>
<input type="submit" name="kaydet" id="kaydet" value="Kaydet" />
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
var restURL="http://localhost:43842/KodcuComRESTful/kodcuRS/yazilar";
$('#kaydet').click(function(){
$.ajax({
type: 'GET',
url: restURL,
dataType:"json",
success: renderList
});
return false;
});
function renderList(data) {
alert(data);
}
</script>
</body>
</html>
答案 3 :(得分:0)
您也可以使用此代码
<script>
$("#submit").click(function(){
var val = $("#text").val();
$.get('get.php?id='+val,function(data,status){
if(status == "success")
{
$("#show").val(data);
}
});
});
</script>