Code Download: Https://files.cnblogs.com/files/xiandedanteng/angularjsAjax.rar
Front Code:
<%@ Page Language="Java"Import="java.util.*"pageencoding="UTF-8"%><%StringPath=Request.getcontextpath ();StringBasePath=Request.getscheme ()+"://"+Request.getservername ()+":"+Request.getserverport ()+Path+"/";%><!DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en"><HTMLNg-app= "Notesapp"> <Head> <Basehref= "<%=basePath%>"> <title>My JSP ' index.jsp ' starting page</title> <Metahttp-equiv= "Pragma"content= "No-cache"> <Metahttp-equiv= "Cache-control"content= "No-cache"> <Metahttp-equiv= "Expires"content= "0"> <Metahttp-equiv= "keywords"content= "Keyword1,keyword2,keyword3"> <Metahttp-equiv= "description"content= "This is my page"> <!--<link rel= "stylesheet" type= "Text/css " href= "Styles.css" > - <Scriptsrc= "Angular1.4.6.min.js"></Script> </Head> <Body> <TableNg-controller= "Mainctrl as CTRL"Border= "1px"> <TRng-repeat= "Member in Ctrl.items"> <TD><spanNg-bind= ' member.id '/></TD> <TD><spanNg-bind= ' Member.name '/></TD> <TD><spanNg-bind= ' Member.age '/></TD> </TR> </Table> </Body></HTML><Scripttype= "Text/javascript"><!--Angular.module ('Notesapp', []). Controller ('Mainctrl',['$http',function($http) {var Self= This; Self.items=[]; varURL="/angularjsajax/members"; $http. Get (URL). Then (function(response) {Self.items=Response.data; },function(errresponse) {alert ('Error'+errresponse); }); }]);// -</Script>
Background code:
Packagecom.test;ImportJava.io.PrintWriter;Importjava.util.ArrayList;Importjava.util.List;Importjavax.servlet.ServletException;ImportJavax.servlet.http.HttpServlet;Importjavax.servlet.http.HttpServletRequest;ImportJavax.servlet.http.HttpServletResponse;ImportNet.sf.json.JSONArray; Public classMembersservletextendsHttpServlet {Private Static Final LongSerialversionuid = 56890894234786L; Public voidDoPost (httpservletrequest request, httpservletresponse response)throwsservletexception, java.io.IOException {request.setcharacterencoding ("UTF-8"); PrintWriter out=Response.getwriter (); List<Member> ls=NewArraylist<member>(); Ls.add (NewMember ("001", "Andy", 20)); Ls.add (NewMember ("201", "Bill", 40)); Ls.add (NewMember ("501", "Cindy", 60)); Ls.add (NewMember ("901", "Eintein", 88)); Jsonarray Jarray=jsonarray.fromobject (LS); String JSON=jarray.tostring (); System.out.println ("Json=" +JSON); Out.print (JSON); Out.flush (); return; } Public voiddoget (httpservletrequest request, httpservletresponse response)throwsservletexception, java.io.IOException {doPost (request, response); }}
Member Class Code:
Packagecom.test; Public classmember{ PublicMember (String id,string name,intAge ) { This. id=ID; This. name=name; This. age=Age ; } PrivateString ID; PrivateString name; PublicString getId () {returnID; } Public voidsetId (String id) { This. ID =ID; } PublicString GetName () {returnname; } Public voidsetName (String name) { This. Name =name; } Public intGetage () {returnAge ; } Public voidSetage (intAge ) { This. Age =Age ; } Private intAge ;}
Effect:
Angularjs get backstage Jason data displayed on the page