Json 如何在邮件中传递postman api数据?
我尝试从PostmanAPI手动传递json数据,它工作正常,如下所示。如何在Angular中传递来自Postman API的所有json数据 组成部分:Json 如何在邮件中传递postman api数据?,json,angular,http,Json,Angular,Http,我尝试从PostmanAPI手动传递json数据,它工作正常,如下所示。如何在Angular中传递来自Postman API的所有json数据 组成部分: logs = [{ "FPO_Name": "sample", "FarmerCode": "sample", "FarmerName": "sample", "Sur_Name": "sample", "Father_Name": "sample", "Farmer_Dob": "1/1/1990 12:00:00
logs = [{
"FPO_Name": "sample",
"FarmerCode": "sample",
"FarmerName": "sample",
"Sur_Name": "sample",
"Father_Name": "sample",
"Farmer_Dob": "1/1/1990 12:00:00 AM",
"Farmer_Address1": "sample",
"Farmer_Address2": "sample",
"Farmer_Country": "sample",
"Farmer_State": "sample",
"Farmer_District": "sample",
"Farmer_Taluk": "sample",
"Farmer_Panchayat": "sample",
"Farmer_Village": "sample",
"Farmer_Pincode": "123456",
"Gender": "Male",
"Mobile_No": "1234567890",
"RegisterDate": "01-01-2001",
"LatitudeAndLongitude": " ",
"BankAccountNo": "",
"BankName": "",
"NoOfAcres": "",
"FarmerKYC": "sample"
}];
constructor() { }
getdetails() {
return from([this.logs]);
}
您不需要对多个JSON对象进行字符串化请阅读如何生成HTTP RequestsHanks,但我的backend.service.ts的完整代码是“import{Injectable}from'@angular/core';从'rxjs'导入{from}@可注入({providedIn:'root'})导出类后端服务{logs=[]];构造函数(){}getdetails(){return from([this.logs]);}}}``。所以我需要替换上面的代码而不是日志…您需要编写一个网络服务,它将实际负责为您执行此API调用。@Venkat发布的代码似乎是合法的,应该可以工作,但理想情况下,您应该将此代码放在一个单独的网络服务中,并从各自的组件文件中调用它。好的,但我在控制台中得到的响应是“NgFor仅支持绑定到数组等Iterables。”在app.component.html中,我使用了
{{person.FarmerCode}
在app.component.ts中,我使用了导出类AppComponent{people$;title='demojsontable';构造函数(private-peopleService:peopleService,private-http:HttpClient){}fetchPeople(){this.peopleService.fetchPeople();}
我工作,最后得到了控制台错误消息CORS策略已阻止从源“”访问“”处的XMLHttpRequest:请求的资源上不存在“Access Control Allow origin”标头。如何解决此问题?
sendHttpCall(firstName: string, lastName: string) {
const url = 'http://localhost:8080/yourBS/yourAPI';
const body = {
firstName, lastName // can be a JSON object
}
const headers = new Headers(
{
'Content-Type': 'application/json'
});
return this.http.post(url, body, {headers: headers});
}