<menu id="ycqsw"></menu><nav id="ycqsw"><code id="ycqsw"></code></nav>
<dd id="ycqsw"><menu id="ycqsw"></menu></dd>
  • <nav id="ycqsw"></nav>
    <menu id="ycqsw"><strong id="ycqsw"></strong></menu>
    <xmp id="ycqsw"><nav id="ycqsw"></nav>
  • controller返回json數據還是對象(mysql數據庫建表的完整步驟)


    通過前端頁面發送ajax請求,我們只需要返回json格式數據就行

    1.在pom.xml加入依賴

    ssm框架controller層返回json格式數據到頁面
    <properties>
        <jackson.version>2.5.4</jackson.version>
      </properties>
      <dependencies>  
      <!-- controller返回json -->
      <dependency>
          <groupId>com.fasterxml.jackson.core</groupId>
          <artifactId>jackson-core</artifactId>
          <version>${jackson.version}</version>
        </dependency>
    
        <dependency>
          <groupId>com.fasterxml.jackson.core</groupId>
          <artifactId>jackson-databind</artifactId>
          <version>${jackson.version}</version>
        </dependency>
    
    

    2.dispatcherServlet-servlet.xml中配置

    ssm框架controller層返回json格式數據到頁面
     <!-- 兩個標準配置 -->
           <!-- 將springmvc 不能處理的請求交給tomcat  例如靜態資源 -->
           <mvc:default-servlet-handler/>
           <mvc:annotation-driven>
            <mvc:message-converters>
                 <bean class="org.springframework.http.converter.StringHttpMessageConverter"/>
                 <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter"/>
            </mvc:message-converters>
            </mvc:annotation-driven>
    
    

    3.在controller中獲取返回的json數據

    ssm框架controller層返回json格式數據到頁面
    @Controller
    public class EmployeeController {
    
    //  查詢所有員工
        @Autowired
        EmployeeService employeeService;
    
        @RequestMapping("emps")
        @ResponseBody
        public List<Employee> getEmps() {
            List<Employee> emps=employeeService.getAll();
            System.out.println("emps "+emps.size());
            return emps;
        }
    
    }
    
    

    4.測試(使用postman)

    ssm框架controller層返回json格式數據到頁面

    5.前端接收數據并解析

    ssm框架controller層返回json格式數據到頁面

    渲染界面

    ssm框架controller層返回json格式數據到頁面
    <script>
    $(document).ready(function(){
        $(function(){
            $.ajax({
                url:"empsJson",
                data:"pn=1",
                type:"get",
                success:function(data){
                    //獲取controller傳來的json數據
                    //alert(data[0].empId);
                    //alert(data.length)
                    empInfo(data);
                }
            })
        })
    })
    function empInfo(data){
        var str="";
        for(var i=0;i<data.length;i++){
            str+="<tr>"+
                "<td>"+data[i].empId+"</td>"+
                "<td>"+data[i].empName+"</td>"+
                "<td>"+data[i].gender+"</td>"+
                "<td>"+data[i].email+"</td>"+
                "<td>"+data[i].dId+"</td>"+
                "</tr>";
        }
        $("tbody").html(str)
    
        //下面這兩種加上沒有樣式
        /*  for(var i=0;i<data.length;i++){
            var tr=$("tbody").append("<tr></tr>");
            tr.append("<td>"+data[i].empId+"</td>");
            tr.append("<td>"+data[i].empName+"</td>");
            tr.append("<td>"+data[i].gender+"</td>");
            tr.append("<td>"+data[i].email+"</td>");
            tr.append("<td>"+data[i].dId+"</td>"); 
        }  */
        /* $.each(data,function(i,data){
            var tr=$("tbody").append("<tr></tr>");
            tr.append("<td>"+data.empId+"</td>");
            tr.append("<td>"+data.empName+"</td>");
            tr.append("<td>"+data.gender+"</td>");
            tr.append("<td>"+data.email+"</td>");
            tr.append("<td>"+data.dId+"</td>");
        }) */
    }
    </script>
    
    

    ajax發送多個參數

    發送

    ssm框架controller層返回json格式數據到頁面

    接收

    ssm框架controller層返回json格式數據到頁面

    版權聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至 舉報,一經查實,本站將立刻刪除。

    發表評論

    登錄后才能評論
    国产精品区一区二区免费