gpt4 book ai didi

Angular 2 的 JQuery .param() 方法?

转载 作者:太空狗 更新时间:2023-10-29 17:36:10 24 4
gpt4 key购买 nike

有没有这样的$.param()来自 JQuery for Angular2 的函数?

我知道 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,也许这是一种方式。

更新

我确实解决了我自己的问题。请看我的回答below !

最佳答案

我解决了我自己的问题。

这是我所做的,我使用了 URLSearchParams来自 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;
}

关于Angular 2 的 JQuery .param() 方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39538440/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com