Question

我对angularjs和JSON有问题。

这是我的代码。

list_user.jsp（这是我打印表格的页面）

<tr ng-repeat="per in persons">
  <td>{{ per.user }}</td>
  <td>{{ per.password }}</td>
  <td>{{ per.profile }}</td>
</tr>

controller.js

 $http({
      method : 'POST',
      url : 'views/user/user.json'
    }).success(function(data){
      $scope.persons = data;
    });

user.json

 [
        {
            "user": "Quarterback",
            "password": 5,
            "profile": "ppp"        
        },
        {
            "user": "Wide Receiver",
            "password": 89,
            "profile": "oooo"
        }
    ]

这样可以正确生成表，但json是固定的。现在，我将通过从查询中获取数据来粘贴我想要打印数据的代码

controller.js

 $http({
        method : 'POST',
        url : 'views/user/user.jsp'
    }).success(function(data){

        /*
        var jsonStr="your json string";
        var json=JSON.stringify(data);
        json=JSON.parse(json)
        console.log(json);
        */
        console.log(data);
        $scope.persons = data;
    });

/ * .. * /之间的代码离开了它们，表明我也尝试过这条路而没有成功。

user.jsp

JSONArray jdata = new JSONArray(); 
UserRest as = new UserRest();
jdata = as.getAll();
logger.info("jdata in user.jsp "+jdata);

UserRest.class（只是粘贴我创建JSON的代码）

 while (iter.hasNext()) {
      User ut = (User) iter.next();
      JSONObject jtemp = new JSONObject();
      jtemp.put("user", ut.getUserName());
      jtemp.put("password", ut.getPassword());
      jtemp.put("profilo", ut.getProfilo());
      jarray.put(jtemp);
    }
    return  jarray;

user.jsp中的logger.info（＆＃34; jdata在user.jsp＆＃34; + jdata中）的结果

jdata in user.jsp [{"user":"aaaaaaa","password":"1111111","profile":"0"},{"user":"bbbbbbbb","password":"222222222","profile":"1"}]

正如你所看到的，json看起来是一样的，但是当我在浏览器中时，我在控制台中调用了list_user.jsp页面的值＆＃34; data＆＃34;在controller.js中返回我

 <? Xml version = "1.0" encoding = "utf-8"?>

我也尝试过使用JSON.parse或JSON.stringify，但它不起作用。我还添加了＆＃34;跟踪$ index＆＃34;在这里：

<tr ng-repeat = "for people track by $ index">

在list_user.jsp中

但它不起作用。

请帮助我，因为我不知道该怎么做了。

Answer 1

好吧，你的问题似乎是你应该调用一个SERVICE，而不是一个jsp。

JSP为您构建一个新的网页，因此它将把它放在：

< ? Xml version = "1.0" encoding = "utf-8"? >

尝试做一个jsp，一个servlet（或者根据你的喜好使用JAX-RS）并将你的逻辑放在'doGet'方法中（再次使用JAX-RS）。

做一件简单的事，比如

 protected void doGet(HttpServletRequest arg0, HttpServletResponse arg1) throws ServletException, IOException {
response.getWriter().append(your working JSON properly hardcoded);
}

这种方式应该有效。然后把你的服务逻辑放在那里。

Answer 2

非常感谢 @inigoD ，我解决了我的问题。遵循新代码。

controller.js（UserRest是servlet）

$http({
        method : 'POST',
        url : 'UserRest'
    }).success(function(data){
        $scope.persons = data;
    });

的web.xml

<servlet>
        <servlet-name>UserRest</servlet-name>
        <servlet-class>"path application".UserRest</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>UserRest</servlet-name>
        <url-pattern>/UserRest</url-pattern>
    </servlet-mapping>

UserRest.class

@Override
    protected void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException {
        doPost(request,response);
    }

    @Override
    protected void doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException {
        try
        {
            JSONArray jdata = new JSONArray();
            jdata = getAll();

            logger.info("prima del response "+jdata);

            response.setContentType("application/json");
            response.getWriter().write(jdata.toString());

        }
        catch ( Exception ex )
        {
            ex.printStackTrace();
        }
    }

函数getAll（）与我粘贴的函数相同，其中包含此代码。

while (iter.hasNext()) {
      User ut = (User) iter.next();
      JSONObject jtemp = new JSONObject();
      jtemp.put("user", ut.getUserName());
      jtemp.put("password", ut.getPassword());
      jtemp.put("profilo", ut.getProfilo());
      jarray.put(jtemp);
    }
    return  jarray;

Answer 3

我用servlet解决了这个问题，但我想调用一个REST API。我更喜欢不使用servlet。我改变了我的代码。

controller.js

angular.module('inspinia')
.controller("DataTable",['$scope','$http',function($scope,$http){
$http({
        method : 'GET',
        url : '/api/utenti' 
    }).success(function(data){
        $scope.persons = data;
    });

的web.xml

<servlet>
      <servlet-name>SpringServlet</servlet-name>
      <servlet-class>com.xxx.yyy.userInterface.servlet.SpringServlet</servlet-class>
      <load-on-startup>3</load-on-startup>
    </servlet>
    <listener>
      <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
    </listener>
    <servlet-mapping>
        <servlet-name>SpringServlet</servlet-name>
        <url-pattern>/api/*</url-pattern>
    </servlet-mapping>

UtentiController.class

@Path("/utenti")
@Component
@Scope("request")
public class UtentiController {

    @GET
    @Produces("application/json")
    public JSONArray getAll() {
       /* call the interface that return a json */

       return jarray;
    }
}

控制台中的错误是：

HTTP Status [404] – [Not Found]

Type Status Report

Message /api/utenti/

Description The origin server did not find a current representation for the target resource or is not willing to disclose that one exists.

感谢您的帮助

Angularjs意外的令牌JSON

3 个答案: