我正在尝试对REST服务进行ajax调用。但是我无法拨打电话。
下面的
是我的代码段。我没有收到“ajax call initiated”或“ajax call”的警告。基本上控件不会进入ajax方法调用。请帮忙。我试图在我的应用程序中将jquery与REST集成。
添加了一个检查以查看DOM已加载,我能够看到警报但是ajax调用未成功完成。任何线索??
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript" src="jquery-1.11.0.js"></script>
<script>
$(document).ready(function(){
$('#submit').click(function () {
var input = $('#userName').val();
alert('user input: ' + input);
var baseUrl = "http://localhost:8082/RestFulWeb/rest/userInfo/getUser/";
var newUrl = baseUrl + input;
alert('Url framed: ' + newUrl);
alert('ajax call initiated');
( $.ajax({
type: 'GET',
dataType: 'json',
url: newUrl,
asynch: true,
success: function (data) {
alert('Response from ajax call' + data);
$('#outPut').html(data);
},
error: function (XMLHttpRequestObj, Exception) {
if (XMLHttpRequestObj.status == 0 || XMLHttpRequestObj.status == '') {
alert('unknown error happened');
} else if (XMLHttpRequestObj.status == 404) {
alert('requested page not found');
}
}
}));
alert('ajax call ended');
});
});
</script>
<title>Insert title here</title>
</head>
<body>
<H1>Welcome to rest service</H1>
<input id="userName" type="text" >
<input type="button" id="submit" value="submit" ">
<div id="outPut"></div>
</body>
</html>
package com.rest.webService;
import javax.ws.rs.Consumes;
import javax.ws.rs.GET;
import javax.ws.rs.Path;
import javax.ws.rs.PathParam;
import javax.ws.rs.Produces;
import javax.ws.rs.core.MediaType;
import javax.ws.rs.QueryParam;
@Path(value = "/userInfo")
public class UserInfo {
@GET
@Path(value="/getUser/{userName}")
@Consumes(MediaType.APPLICATION_JSON)
@Produces(MediaType.APPLICATION_JSON)
public String userName(@PathParam("userName")String userName){
System.out.println("rest method called");
return userName;
}
}
收到警报'ajax call initiated'和'ajax call ended',但没有警告说'来自ajax call'。请帮助
答案 0 :(得分:1)
newUrl
是你的ajax调用中的一个字符串,它应该是变量。
像这样:
$.ajax({
type: 'GET',
dataType: 'json',
url: newUrl,