2017-03-06 24 views
0

我试图开发一个小应用程序来在本地elasticsearch引擎上创建索引。我在前端使用angularjs,在后端使用spring-boot。它可以成功创建索引,但是,当我想要回顾前端的响应时,它会一直抛出错误。Angularjs http没有来自Spring Boot的响应

下面是我AngularJS API调用:

app.service('ESIndexService', function($http) { 

    this.createESIndex = function(esindexObj) { 
     var settings = { 
       method: 'POST', 
       url: BASE_URL + "/ESIndex/createESIndex", 
       data: esindexObj 
      }; 
     return $http(settings).then(function(response) { 
      console.log("response:"+response); 
      return response; 
     }, function(error) { 
      console.log("error:"+error); 
      return error; 
     }); 
    }; 


}); 

然后,这是我的控制器:

@CrossOrigin 
@RestController 
@RequestMapping(value = "ESIndex") 
public class ESIndexController { 

    @RequestMapping(value = "createESIndex", method = RequestMethod.POST) 
    public @ResponseBody String createIndex(@RequestBody ESIndex esIndex) { 
     try { 
      Settings settings = Settings.builder() 
        .put("xpack.security.user", String.format("%s:%s", Constants.ES_UNAME, Constants.ES_PWD)).build(); 
      TransportClient client = new PreBuiltXPackTransportClient(settings) 
        .addTransportAddress(new InetSocketTransportAddress(InetAddress.getByName(Constants.ES_HOST), Constants.ES_PORT)); 
      CreateIndexResponse response = client.admin().indices().prepareCreate(esIndex.getName()).setSettings(Settings.builder() 
        .put("index.number_of_shards", esIndex.getNumberOfShards()) 
        .put("index.number_of_replicas", esIndex.getNumberOfReplicas())).get(); 
      client.close(); 
      if(response.isAcknowledged() && response.isShardsAcked()) 
       return Constants.SUCCESS; 
      else 
       return "Fail to create index!"; 
     } catch (Exception e) { 
      e.printStackTrace(); 
      return e.getMessage(); 
     } 
    } 
} 

我想在AngularJS响应响应状态和数据。然而,它一直抛出我的错误:

error:SyntaxError: Unexpected token i in JSON at position 0 

我没有使用JSON.parse函数,为什么它会给我这样的错误?


添加的responseType后: '文字',仍抛出同样的错误,nextwork enter image description here

原来我需要添加 “transformResponse:未定义” 铬,但是,在我的另一项目,我从来没有这样做过。有什么不同?

AngularJS:

this.newBlog = function(blogObj) { 
    var settings = { 
     method: 'POST', 
     url: baseUrl + "/blog/newBlog.do", 
     data: blogObj 
    } 
    return $http(settings).then(function(response) { 
     return response; 
    }, function(error) { 
     return error; 
    }); 
}; 

Java的控制器:

@RequestMapping(value="newBlog.do", method=RequestMethod.POST) 
public @ResponseBody String newBlog(@RequestBody Blog blog, HttpServletRequest request) { 

    User createdBy = (User) request.getSession().getAttribute("user"); 
    if(createdBy == null) 
     return NO_SESSION_MSG; 
    else { 
     createdBy.setPwd(null); 
     blog.setCreatedAt(TQBUtilities.getCurrentTime()); 
     blog.setLastUpdatedAt(TQBUtilities.getCurrentTime()); 
     blog.setCreatedBy(createdBy); 
     return blogService.newBlog(blog); 
    } 

} 
+0

那么,该服务不会返回有效的JSON。打开浏览器的开发工具(F12/Cmd-Alt-I),进入网络面板,看看你得到了什么回应。您应该删除'function(error)'回调函数,因为它会将错误转换为成功。 –

+0

在做了一些更多的寻找之后,你可以尝试这里找到这个解决方案:http://stackoverflow.com/a/27765419/2002257 – jheimbouch

+0

@jheimbouch transformResponse:undefined作品! – TommyQu

回答

0

角度会自动试图解析服务器的响应为JSON。尝试添加这对您的设置对象

responseType: 'text' 

所以

var settings = { 
    method: 'POST', 
    url: BASE_URL + "/ESIndex/createESIndex", 
    data: esindexObj, 
    responseType: 'text' 
}; 
+0

仍然抛出同样的错误,你可以看看更新的问题吗? – TommyQu

0

@jheimbouch添加 “transformResponse:未定义” 到HTTP调用,如下面,做工精细:

var settings = { 
     method: 'POST', 
     url: BASE_URL + "/ESIndex/createESIndex", 
     data: esindexObj, 
     transformResponse: undefined 
}; 

然而,为什么它在angularjs 1.6.2中是必需的吗?当我使用AngularJS 1.4.8时,我不需要添加transformResponse属性。