Angular 2 的 JQuery .param() 方法?

2023-12-27

有没有这样的事情$.param() http://api.jquery.com/jquery.param/Angular2 的 JQuery 函数?

我知道 Angular 1 特别有类似的服务,Angular1 等效项 https://docs.angularjs.org/api/ng/service/%24httpParamSerializerJQLike

我检查了 Angular 2 网站here https://angular.io/docs/ts/latest/guide/server-communication.html#!#send-data-to-the-server他们有一个 POST 演示,但他们在请求正文中发送 JSON。

我当前的无效尝试

saveEdits() {
    let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded' });
    let options = new RequestOptions({ headers: headers });
    this._http.post("ajax/update-thingy", JSON.stringify(this.dataJson), options)
        .map(this.extractData)
        .toPromise()
        .catch(this.handleError);
    // update in Angular 1 using JQuery function
    // $http({
    //     method : 'POST',
    //     url  : 'ajax/update-thingy',
    //     data : $.param($scope.formData),
    //     headers: {'Content-Type': 'application/x-www-form-urlencoded'}
    // }); 
}

extractData(res: Response) {
    let body = res.json();
    if (body === 'failed') {
        body = [];
    }
    return body || [];
}
private handleError(error: any) {
    // In a real world app, we might use a remote logging infrastructure
    // We'd also dig deeper into the error to get a better message
    let errMsg = (error.message) ? error.message :
      error.status ? `${error.status} - ${error.statusText}` : 'Server error';
    console.error(errMsg); // log to console instead

    return Promise.reject(errMsg);
}

或者,如果在我的 Angular2 中使用 JQuery 更容易,也许这是一个可行的方法。

UPDATE

我确实解决了我自己的问题。请看我的回答below https://stackoverflow.com/a/39540320/2593877!


我解决了我自己的问题。

这就是我所做的,我用过URL搜索参数 https://angular.io/docs/ts/latest/api/http/index/URLSearchParams-class.html来自 Angular 2。效果非常好。一点也不复杂并且易于使用。

import { Headers, RequestOptions, Http, URLSearchParams } from '@angular/http';

saveEdits() {
    let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded' });
    let options = new RequestOptions({ headers: headers });
    let params: URLSearchParams = this.serialize(this.myObj);
    this._http.post("ajax/update-thingy", params, options)
        .map(this.extractData)
        .toPromise()
        .catch(this.handleError);
    this.selectedBill = null;
}

serialize(obj: any) {
    let params: URLSearchParams = new URLSearchParams();


    for (var key in obj) {
        if (obj.hasOwnProperty(key)) {
            var element = obj[key];

            params.set(key, element);
        }
    }

    return params;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 2 的 JQuery .param() 方法? 的相关文章

随机推荐