大家周末好,作为小菜鸟的我,在上周的工作中遇到一个问题.在师傅的指点下解决了.现在我想总结一下,一来是巩固知识点,二来是分享给和我有通用困惑的小小伙伴;问题其实很简单,各位大神勿喷!!!

　　一.项目需求

　　在今天工作中,需要在首页展示手机靓号供客户选择.我是采用在js中发起ajax请求去后台调用接口返回数据,然后在ajax返回的结果集中获取数据,进而展示到jsp页面中;

　　效果图:

　　这里写图片描述

　　二.思路分析

　　我们的新项目是采用ssm框架搭建,在首页对应的js中发起ajax请求(简写引入问题)

　　我们知道,ajax返回的数据存在于result,那么我们如何将取出到数据返回的jsp页面那?这是我们接下来要探讨的问题;

　　三,解决方案

　　eg:代表任意名称,下同

　　1.创建首页.jsp页面,写好相关html代码;

　　2.创建于首页对应的*.js文件,写好相关的js代码,将js文件通过标签引入jsp文件;

　　3.在*.js中发起ajax请求获取满足靓号规则的手机号码;

　　4.在controller中封装方法来处理ajax请求;

　　在具体的项目中,会有不同的业务逻辑,这里不做赘述,我们关注到后台给我们返回的是json对象;

　　5.(重点)将ajax请求的数据返回到jsp页面展示出来

　　首先,我们来看一下jsp页面的设计:

　　在首页jsp页面,我们定义来展示我们的数据;

　　其次,我们来看看如何将ajax请求的数据展示到定义好的中;

　　至此,我们的问题就圆满解决了,希望能对和我一样对这里存在迷惑的伙伴们有所帮助;