Java 使用jQueryAjax调用RESTWebService?
我在几篇教程中尝试使用jQueryAjax调用调用RESTWeb服务,但没有得到响应 但当我在浏览器中直接点击url时,我得到了响应,但无法使用ajax调用获得相同的json响应,总是出现错误块。 (tomcat正在端口8888上运行) jsp文件Java 使用jQueryAjax调用RESTWebService?,java,jquery,ajax,web-services,rest,Java,Jquery,Ajax,Web Services,Rest,我在几篇教程中尝试使用jQueryAjax调用调用RESTWeb服务,但没有得到响应 但当我在浏览器中直接点击url时,我得到了响应,但无法使用ajax调用获得相同的json响应,总是出现错误块。 (tomcat正在端口8888上运行) jsp文件 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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=UTF-8">
<title>Insert title here</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<body>
<table>
<tr>
<td><input type="button" value="submit" id="submit"> </td>
</tr>
</table>
</body>
<script type="text/javascript">
$(document).ready(function(){
$("#submit").click(function(){
$.ajax({
type: "GET",
dataType:"json",
contentType: "application/json; charset=utf-8",
url: "http://localhost:8888/WebService_2/rest/webservice",
success: function(data1) {
console.log("response:" + data1);
},
error: function(jqXHR, textStatus, errorThrown) {
console.log(' Error in processing!');
}
});
});
});
</script>
</html>
web.xml
<servlet>
<servlet-name>jersey-serlvet</servlet-name>
<servlet-class>com.sun.jersey.spi.container.servlet.ServletContainer</servlet-class>
<init-param>
<param-name>com.sun.jersey.config.property.packages</param-name>
<param-value>com.app.rest</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>jersey-serlvet</servlet-name>
<url-pattern>/rest/*</url-pattern>
</servlet-mapping>
泽西塞尔维特酒店
com.sun.jersey.spi.container.servlet.ServletContainer
com.sun.jersey.config.property.packages
com.app.rest
1.
泽西塞尔维特酒店
/休息/*
在谷歌搜索了几次后得到了答案。。。
我使用了GoogleJAR进行JSON转换
Pom.xml
<dependency>
<groupId>com.google.code.gson</groupId>
<artifactId>gson</artifactId>
<version>2.2.4</version>
</dependency>
com.google.code.gson
格森
2.2.4
WebService.class
import java.util.ArrayList;
import java.util.List;
import javax.ws.rs.GET;
import javax.ws.rs.Path;
import javax.ws.rs.Produces;
import javax.ws.rs.core.MediaType;
import com.google.gson.Gson;
import com.google.gson.GsonBuilder;
@Path("/webservice")
public class WebService {
@GET
@Produces(MediaType.APPLICATION_JSON)
public Object getResponse(){
//firstName,LastName,Age,Id
Student std1 = new Student("ik","test",22,2);
Student std2 = new Student("John","Vector",23,3);
Student std3 = new Student("iks","Roy",25,4);
List<Student> stuList = new ArrayList<Student>();
stuList.add(std1);
stuList.add(std2);
stuList.add(std3);
Gson gson = new GsonBuilder().create();
return gson.toJson(stuList);
}
}
import java.util.ArrayList;
导入java.util.List;
导入javax.ws.rs.GET;
导入javax.ws.rs.Path;
导入javax.ws.rs.products;
导入javax.ws.rs.core.MediaType;
导入com.google.gson.gson;
导入com.google.gson.GsonBuilder;
@路径(“/webservice”)
公共类Web服务{
@得到
@产生(MediaType.APPLICATION_JSON)
公共对象getResponse(){
//名、姓、年龄、身份证
学生std1=新学生(“ik”,“测试”,22,2);
Student std2=新生(“约翰”,“向量”,23,3);
学生std3=新生(“iks”,“罗伊”,25,4);
List stuList=new ArrayList();
添加(std1);
stuList.add(std2);
添加(std3);
Gson Gson=new GsonBuilder().create();
返回gson.toJson(stuList);
}
}
Index.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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=UTF-8">
<title>Insert title here</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<body>
<form method="get">
<table>
<tr>
<td><input type="button" value="submit" id="submit"> </td>
<div id="data"></div>
</tr>
</table>
</form>
</body>
<script type="text/javascript">
$(document).ready(function(){
var val = "";
$("#submit").click(function(event){
event.preventDefault();
$.ajax({
type: "GET",
dataType:"json",
url: "rest/webservice",
success: function(data) {
console.log("response:" + data);
$.each(data, function(j, pdata) {
val= val + "[ "+pdata.firstName +" " + pdata.lastName +"]";
});
$("#data").text(val);
},
error: function(jqXHR, textStatus, errorThrown) {
console.log(' Error in processing! '+textStatus);
}
});
});
});
</script>
</html>
在此处插入标题
$(文档).ready(函数(){
var val=“”;
$(“#提交”)。单击(功能(事件){
event.preventDefault();
$.ajax({
键入:“获取”,
数据类型:“json”,
url:“rest/webservice”,
成功:功能(数据){
控制台日志(“响应:+数据);
$。每个(数据、函数(j、pdata){
val=val+“[”+pdata.firstName+“+pdata.lastName+”];
});
$(“#数据”).text(val);
},
错误:函数(jqXHR、textStatus、errorshown){
console.log('Error in processing!'+textStatus);
}
});
});
});
这是输入WebSerivce类名的打字错误吗?
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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=UTF-8">
<title>Insert title here</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<body>
<form method="get">
<table>
<tr>
<td><input type="button" value="submit" id="submit"> </td>
<div id="data"></div>
</tr>
</table>
</form>
</body>
<script type="text/javascript">
$(document).ready(function(){
var val = "";
$("#submit").click(function(event){
event.preventDefault();
$.ajax({
type: "GET",
dataType:"json",
url: "rest/webservice",
success: function(data) {
console.log("response:" + data);
$.each(data, function(j, pdata) {
val= val + "[ "+pdata.firstName +" " + pdata.lastName +"]";
});
$("#data").text(val);
},
error: function(jqXHR, textStatus, errorThrown) {
console.log(' Error in processing! '+textStatus);
}
});
});
});
</script>
</html>