【Java案例】jquery和ajax实现商品信息的显示

1、创建一个HTML页面，命名为Demo.html；定义一个a标签，设置为空连接，元素内容为“显示商品信息”，设置id="a"；定义一个div，设置id="content"。

3、使用jQuery的toggle方法，设置两个函数，实现点击在两个函数间轮流切换执行。使用$.po衡痕贤伎st()向服务器发送请求，得到商品信息，矣喾动痞并在页面显示。使用eval()方法将服务器响应的json数据转换成js代码。

5、创建ProductServlet.java文件，利用Product的构造方法实例化两个商品信息，电视机和洗衣机。

7、创建一个List<Product>集合，添加商品信息，并将List集合转换为json格式的数据，响应到浏览器。

9、代码实现点击连接显示与隐藏商品信息。