相关疑难解决方法(0)

如何使用x-www-form-urlencoded强制Angular2进行POST

我有一个项目需要使用Angular2(final)发布到旧的,遗留的Tomcat 7服务器,使用.jsp页面提供一些REST-ish API.

当项目只是一个执行AJAX请求的简单JQuery应用程序时,这很好用.但是,项目的范围已经扩大,需要使用更现代的框架进行重写.Angular2对于这项工作看起来很棒,但有一个例外:它拒绝使用任何选项执行POST请求,但拒绝执行API不提取的表单数据.API期望所有内容都是urlencoded,依靠Java的request.getParameter("param")语法来提取单个字段.

这是从我的user.service.ts剪下来的:

import { Injectable }    from '@angular/core';
import { Headers, Response, Http, RequestOptions } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';

@Injectable()
export class UserService {
    private loggedIn = false;
    private loginUrl = 'http://localhost:8080/mpadmin/api/login.jsp';
    private headers = new Headers({'Content-Type': 'application/x-www-form-urlencoded'});

    constructor(private http: Http) {}

    login(username, password) {
        return this.http.post(this.loginUrl, {'username': username, 'password':  password}, this.headers)
            .map((response: Response) => {
                let user = response.json();
                if (user) {
                    localStorage.setItem('currentUser', JSON.stringify(user));
                }
            }
        );
    } …
Run Code Online (Sandbox Code Playgroud)

javascript angular

64
推荐指数
8
解决办法
6万
查看次数

标签 统计

angular ×1

javascript ×1