Jquery Ajax / GET方法成功时没有任何反应

时间:2012-06-17 08:35:38

标签: jquery http get

我有一个在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头程序中观察到请求和响应时,似乎一切正常。问题是什么? enter image description here

4 个答案:

答案 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)

要检查两件事:

  1. 注释掉dataType:"json",并查看它是否有效。也许这不是JSON。
  2. 这个HTML与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>