引言
上一篇主要讲解的是：京东商场之业务编写(编写配置类、创建索引、编写service层实现批量插入、编写controller层实现批量插入、启动程序、访问测试、验证es中的数据、编写service层实现分页搜索功能、编写controller层实现页面搜索功能)
本篇主要讲解的是：京东商场之前后端交互(修改index.html文件、编译项目、重新启动程序、index.html继续完善js代码、index.html遍历商品详细信息、访问测试)
修改index.html文件
删除第8行记录
在第11行给div加上id属性
在33行和37行增加，绑定单击事件
在121行增加js代码
重新编译项目
重新启动程序
先关闭程序
重启程序
在控制台上输出如下图，证明启动完成
访问测试
在浏览器中输入 http://localhost:9090/
按F12，打开 开发工具
在搜索框中输入：java，开发工具控制台中输出：java
index.html继续完善js代码
index.html遍历商品详细信息
重新启动程序
先关闭程序
重启程序
在控制台上输出如下图，证明启动完成
访问测试
浏览器中输入 http://localhost:9090/
结束语
至此，Elasticsearch掰开揉碎系列的第23篇就结束了，本篇主要讲解的是：京东商场之前后端交互(修改index.html文件、编译项目、重新启动程序、index.html继续完善js代码、index.html遍历商品详细信息、访问测试)
由于页面显示图片大小有限，代码一多图片显示得就偏小。还有一些兄弟们，java的基础又不好，照着我的图片打代码，可能因为手误都会出错。为了不让任何一个兄弟夭折在学习的路上，有需要本篇文章中java源代码的，就给我留言点赞吧，Elasticsearch系列也写么这多篇了，算是对我的鼓励和支持吧！留下你的邮箱，我把源代码发给你！
下一篇我给大家带来的是：京东商场之关键字高亮。我们依然掰开揉碎的方式去说。后续的内容更精彩，敬请期待，感谢兄弟们的关注！！！