html + angularjsページからSpringのコントローラを呼び出す方法は？

Question

私は2ページ1つは.jsp、もう1つは.htmlです。どちらも2つのテキストボックスとボタンを持っています。ボタンをクリックすると、私はangularjsを使ってpostメソッドを呼び出しています。しかし、.jspページで作業しているときはうまくいきますが、同じことが.htmlで動作していません。

ここでは私の春のコントローラー -

@RequestMapping(value="/springAngularJS",method=RequestMethod.POST) 
public String addUser(@RequestBody User user) 
    { 
    System.out.println("Adding user dtl...."); 
    } 

ここでは

$http.post("springAngularJS",$scope.user). 
    success(function(data, status, headers, config) { 
     $scope.person = data; 
    }). 
    error(function(data, status, headers, config) { 
     alert("Exception details: " + JSON.stringify({data: data})); 
    }); 

コードPAGE-私のjspは同様に私の.htmlファイルに同じです。しかし、上記は機能していますが、私が.htmlを扱うときはそうではありません。 私はself..facingの課題で学習、初心者として私を考えてみましょう

<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> 
     <property name="prefix" value="/WEB-INF/views/" /> 
     <property name="suffix" value=".jsp"/> 
</bean> 
<mvc:resources mapping="/views/**" location="/WEB-INF/views/" /> 

also-私のXMLファイルの詳細情報を追加します。誰にでも解決策はありますか？

Answer 1

あなたのアングルアプリ（フロントエンド）とあなたのSpringアプリ（バックエンド）は、互いの知識がありません。ただし、すべてが正しく設定されていれば、通信することができます。 $ http.post（）の最初の引数はURLです。しかし、あなたは 'springAngularJS'を提供しました。これはあなたがヒットしようとしているURLの終わりに過ぎません。だからこれは修正する必要があります。

Springアプリケーションは、たとえばポート8000​​でローカルホスト上で実行されている可能性があります。このため、Springアプリケーションはhttp://localhost:8000にあります。これをSpringアプリケーションのベースURLと考えてください。 Springで次の注釈を使用する場合、@RequestMapping(value="/springAngularJS",method=RequestMethod.POST)は、サーバに正しいbody/payloadを指定してhttp://locahost:8000/springAngularJSというPOSTリクエストが送信されると、そのメソッドが実行されることを示しています。基本的には、前述のベースURLに 'value'引数を追加します。

角度アプリから、springAngularJSだけでなく、http://locahost:8000/springAngularJSを打つ必要があります。

要約すると、$http.post("springAngularJS",$scope.user)から$http.post("http://locahost:8000/springAngularJS",$scope.user)（サーバーの実際のURL /ポートによって異なる）を変更します。

サーバーとあなたのuiが同じURL /ポートから提供されていると仮定して、$ http.postの相対URLを使用することもできます。その場合は、単に$http.post("/springAngularJS",$scope.user)とすることができます。 （相対）URLの先頭のスラッシュに注意してください。