2017-10-13 1 views
0

1을 사용하지 않습니다/I는 이클립스 프로젝트에 이름 erixx을이 myPage.jsp 페이지를 만들었 AngularJS와 $ http.get 간단한 :JSP 페이지

<%@ page language="java" contentType="text/html; charset=UTF-8" 
    pageEncoding="UTF-8"%> 
<!DOCTYPE> 
<html><head></head> 
<body> 
<% 
String aaa= request.getParameter("aaa"); 
String bbb= request.getParameter("bbb"); 
out.println("Message received ! : aaa : " + aaa + ", bbb : " + bbb); 
%> 
</body> 
</html> 

2/파이어 폭스에서 URL을 보여줍니다 JSP로 작동하는지 고급 :

http://localhost:8080/erixx/myPage.jsp?aaa=123&bbb=456

=> 메시지가 수신! : aaa : "+ 123 +", bbb : "+ 456

3/다른 프로젝트에서 inito Eclipse로 만든 동일한 JSP 페이지에 액세스하려고하면 AngularJS 코드가 실행되지만 값 aaa와 bbb는 반환되지 않습니다. : 오류가

그것은 때문에 작동합니다

을 발생 널 :

나는

https://docs.angularjs.org/api/ng/service/ $ HTTP #

<html> <head> <title>Your Shopping Cart</title> 
    <script src="js/angular.min.js"></script> 
    <script> 
     var app = angular.module('myApp', []); 
     app.controller("CartController", function($scope, $http) { 

$http({ 
    method: 'GET', 
    url: 'http://localhost:8080/erixx/myPage.jsp?aaa=123&bbb=456' 
}).then(function successCallback(response) { 
    $scope.myData = "response : " + response.data; 
    $scope.statuscode = response.status; 
    }, function errorCallback(response) { 
    $scope.myData = "reponse : " + response.data; 
    $scope.statuscode = "An error occured"; 
    });  
     }); 
    </script> 
</head> 
<body ng-app="myApp"> 
    <div ng-controller="CartController"> 
     {{ myData }} 
     </br> 
     {{ statuscode }} 
    </div> 
</body> 
</html> 

=> 응답을 여기에 주어진 예를 사용

  • "2 /은"

  • 각 코드는 AngularJS와 웹 사이트에서 제공의 JSP가 잘 작동하는지

어떤 생각을 보여줍니다?

답변

1

대부분의 경우 도메인 간 요청으로 인한 문제 일 수 있습니다. 서로 다른 도메인 요청을 호스트하려면 서버를 구성해야합니다. 응답에서

<% 
response.addHeader("Access-Control-Allow-Origin","*"); 
String aaa= request.getParameter("aaa"); 
... 
%> 

그리고 JSP가 요청 된 리소스와 함께 응답 액세스 제어 - 허용 - 원산지를 헤더 :이 경우, 당신은 (모든 도메인에 대한 액세스를 허용 할) 아래의 코드를 추가하는 테스트 할 수 있습니다 . 브라우저는 헤더의 출처를 확인하고 요청을 허용합니다.

다음을 확인하십시오. Cross-Site Request Forgery

+0

고맙게도, 솔루션은 정상적으로 작동합니다. 교차 도메인 요청을 관리하는 방법을 연구 할 것입니다. – Erixx