Javascript Java Servlet中的更改后不会更新Web内容
我使用Eclipse创建了一个网站,Servlet在其中向jsp发送数据。然而,我不知道为什么要更改Servlet中的数据。它仍然需要将旧数据发送到jsp。尽管我尝试了这些选择 菜单-项目-清理(如果未使用自动生成,请单击此选项) 菜单-项目-项目自动生成(选中此选项) 我还重新启动并清理了Tomcat服务器 下面是一个例子: Product.javaJavascript Java Servlet中的更改后不会更新Web内容,javascript,java,ajax,eclipse,servlets,Javascript,Java,Ajax,Eclipse,Servlets,我使用Eclipse创建了一个网站,Servlet在其中向jsp发送数据。然而,我不知道为什么要更改Servlet中的数据。它仍然需要将旧数据发送到jsp。尽管我尝试了这些选择 菜单-项目-清理(如果未使用自动生成,请单击此选项) 菜单-项目-项目自动生成(选中此选项) 我还重新启动并清理了Tomcat服务器 下面是一个例子: Product.java public class Product { private String id;
public class Product {
private String id;
private String name;
private long price;
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public long getPrice() {
return price;
}
public void setPrice(long price) {
this.price = price;
}
public Product(String id, String name, long price) {
super();
this.id = id;
this.name = name;
this.price = price;
}
}
ProductModel.java
public class ProductModel {
public Product find() {
return new Product("p0x","name x",700); // change to return new Product("www","aaa",1000);
}
public List<Product> findAll()
{List<Product> result= new ArrayList<Product>();
result.add(new Product("p01","name 1",100));// change to result.add(new Product("xxx","yyy",100));
result.add(new Product("p04","name 2",200));
result.add(new Product("p037","name 3",300));
return result;
}
}}
}
index.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<title>Insert title here</title>
<script type="text/javascript">
$(document).ready(function(){
$('#button2').click(function(){
$.ajax({
type:'GET',
url:'urlaccess?action=demo2',
header:{
Accept: "application/json; charset=utf-8",
"Content-Type":"application/json; charset=utf-8"
},
success:function (da){
//var product= $.parseJSON(result);
var listproducts= $.parseJSON(da);
var s='';
for( var i=0; i<listproducts.length;i++)
{s+='ID:'+ listproducts[i].id+'<br>Name:'+listproducts[i].name+'<br>Price:'+listproducts[i].price+'<br>==========<br>';}
document.getElementById('result2').innerHTML=s;
// alert(product.id);
}
})
});
$('#button1').click(function(){
$.ajax({
type:'GET',
url:'urlaccess?action=demo1',
header:{
Accept: "application/json; charset=utf-8",
"Content-Type":"application/json; charset=utf-8"
},
success:function (data){
var product= $.parseJSON(data);
//var listproducts= $.parseJSON(result);
//var s='';
//for( var i=0; i<listproducts.length;i++)
// {s+='ID:'+ listproducts[i].id+'<br>Name:'+listproducts[i].name+'<br>Price:'+listproducts[i].price+'<br>==========<br>';}
//document.getElementById('result2').innerHTML=s;
alert(product.id);
document.getElementById('result1').innerHTML=product.id;
}
})
});
})
</script>
</head>
<body>
<h1>JSON to JSP</h1>
<fieldset>
<legend>Demo1 </legend>
<input type="button" value="Display Object" id="button1"> <br>
<div id="result1"></div>
</fieldset>
<fieldset>
<legend>Demo2 </legend>
<input type="button" value="Display List Object" id="button2"> <br>
<div id="result2"></div>
</fieldset>
</body>
</html>
在此处插入标题
$(文档).ready(函数(){
$('#按钮2')。单击(函数(){
$.ajax({
类型:'GET',
url:'urlaccess?action=demo2',
标题:{
接受:“application/json;charset=utf-8”,
“内容类型”:“应用程序/json;字符集=utf-8”
},
成功:功能(da){
//var product=$.parseJSON(结果);
var listproducts=$.parseJSON(da);
var s='';
for(var i=0;i谢谢@rhenesys。我想与大家分享,因为每个人都有相同的问题。你应该换成另一个浏览器。例如,我换成了Chrome浏览器。这对我很有效
谢谢@rhenesys。我想与大家分享每个人都有相同的问题。你应该换成另一个浏览器。例如,我换成了Chrome浏览器。这对我很有效
这里有很多东西需要消化,你并没有真正告诉我们发生了什么。在JS中,警报出现了吗?它仍然在向jsp发送旧数据。-这到底意味着什么?什么是旧的,什么是新的?@可怕的袋熊我在你的评论中添加了更多信息。请帮助确定,明白。如果你单击“添加和删除”
菜单选项,它应该允许您直接部署到本地安装的Tomcat。这也可能有助于您尝试使用其他浏览器或匿名模式或CTRL+F5(Windows)为了一个干净的缓存?这里有很多东西需要消化,你并没有真正告诉我们发生了什么。在JS中,警报出现了吗?它仍然在向jsp发送旧数据。-这意味着什么?什么是旧的
,什么是新的
ood.如果您尝试单击添加和删除
菜单选项,它应该允许您直接部署到本地安装的Tomcat。这也可能有助于您是否尝试使用其他浏览器或匿名模式或CTRL+F5(Windows)来清除缓存?
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<title>Insert title here</title>
<script type="text/javascript">
$(document).ready(function(){
$('#button2').click(function(){
$.ajax({
type:'GET',
url:'urlaccess?action=demo2',
header:{
Accept: "application/json; charset=utf-8",
"Content-Type":"application/json; charset=utf-8"
},
success:function (da){
//var product= $.parseJSON(result);
var listproducts= $.parseJSON(da);
var s='';
for( var i=0; i<listproducts.length;i++)
{s+='ID:'+ listproducts[i].id+'<br>Name:'+listproducts[i].name+'<br>Price:'+listproducts[i].price+'<br>==========<br>';}
document.getElementById('result2').innerHTML=s;
// alert(product.id);
}
})
});
$('#button1').click(function(){
$.ajax({
type:'GET',
url:'urlaccess?action=demo1',
header:{
Accept: "application/json; charset=utf-8",
"Content-Type":"application/json; charset=utf-8"
},
success:function (data){
var product= $.parseJSON(data);
//var listproducts= $.parseJSON(result);
//var s='';
//for( var i=0; i<listproducts.length;i++)
// {s+='ID:'+ listproducts[i].id+'<br>Name:'+listproducts[i].name+'<br>Price:'+listproducts[i].price+'<br>==========<br>';}
//document.getElementById('result2').innerHTML=s;
alert(product.id);
document.getElementById('result1').innerHTML=product.id;
}
})
});
})
</script>
</head>
<body>
<h1>JSON to JSP</h1>
<fieldset>
<legend>Demo1 </legend>
<input type="button" value="Display Object" id="button1"> <br>
<div id="result1"></div>
</fieldset>
<fieldset>
<legend>Demo2 </legend>
<input type="button" value="Display List Object" id="button2"> <br>
<div id="result2"></div>
</fieldset>
</body>
</html>
public class ProductModel {
public Product find() {
return new Product("www","aaa",1000);
}
public List<Product> findAll()
{List<Product> result= new ArrayList<Product>();
result.add(new Product("xxx","yyy",100));
result.add(new Product("p04","name 2",200));
result.add(new Product("p037","name 3",300));
return result;
}
}}
}