Angular 2的JQuery .param()方法？

发布时间：2020-12-17 17:35:44 所属栏目：安全来源：网络整理

导读：有没有像 JQuery for Angular2这样的 $.param()函数？我知道Angular 1特别有类似的服务,Angular1 Equivalent 我检查了Angular 2站点here,他们有一个POST的演示,但他们在请求正文中发送了一个JSON. 我当前的,不工作的,尝试 saveEdits() { let headers = new

有没有像 JQuery for Angular2这样的 $.param()函数？

我知道Angular 1特别有类似的服务,Angular1 Equivalent

我检查了Angular 2站点here,他们有一个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！

解决方法

我解决了自己的问题.

这就是我所做的,我使用了Angular 2中的URLSearchParams.它运作得非常好.一点都不复杂,易于使用.

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;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!