我不知道如何使用 Django Rest API 在数据库 (mongodb) 中发布 angular 的输入表单数据

Question

我不知道如何使用Django Rest API在数据库(mongodb)中发布angular的输入表单数据。互联网上关于django和angular以及mongodb的教程和文档还不够多。或者我现在的视野很狭窄。如果有人有一个链接，可以解决我的问题，这将是伟大的。

下面是我的angular的html文件，你可以看到表单

<form (ngSubmit)="onSubmit()">
<div class="form-group">
<label for="InputAttackTitle">Attack Title</label>
<input ngModel type="text" class="form-control" name="AttackTitle" id="InputAttackTitle" placeholder="Enter Attack Title">
</div>
<div class="form-group">
<label for="InputAttackDescripton">Attack Description</label>
<textarea ngModel class="form-control" name="AttackDescription" id="InputAttackDescripton" placeholder="Enter Attack Description" ></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
<br>
</div>

在这里你可以看到组件。ts文件

export class IconsComponent implements OnInit {
form: FormGroup;
constructor(config: NgbModalConfig, private modalService: NgbModal,private http:HttpClient, public fb:FormBuilder) 
{ 
config.backdrop = 'static';
config.keyboard = false;
this.form = this.fb.group({
AttackTitle: [''],
AttackDescription: [null]
})
}
AttackTitle:any;
AttackDescription:any;
onSubmit(){
var formData:any = new FormData();
formData.append("AttackTitle",this.form.get('AttackTitle').value);
formData.append("AttackDescription",this.form.get('AttackDescription').value);
this.http.post('http://127.0.0.1:8000/attackinfo', formData).subscribe(
(response) => {
return console.log(response);
},
(error) => console.log(error)
)

下面是django的models类

class AttackInfo(models.Model):
AttackTitle=models.CharField(max_length=70, blank=False)
AttackDescription = models.TextField(default='',blank=False)

下面是视图文件

@csrf_exempt
def AttackInfoAPI(request,id=0):
if request.method=='GET':   
attackinfo = AttackInfo.objects.all()
attackinfo_serializer=AttackInfoSerializer(attackinfo,many=True)
return JsonResponse(attackinfo_serializer.data,safe=False)
elif request.method=='POST':
attackinfo_data=JSONParser().parse(request)
attackinfo_serializer=AttackInfoSerializer(data=attackinfo_data)
if attackinfo_serializer.is_valid():
attackinfo_serializer.save()
return JsonResponse("Added Successfully",safe=False)
return JsonResponse("Failed to Add",safe=False)

还有一件事，get请求工作得很好，我只面临Post请求的问题，可能是因为我刚刚开始作为一个初学者(所以我很抱歉XD)

下面是URL代码

urlpatterns=[
re_path(r'^attackinfo$',views.AttackInfoAPI),
re_path(r'^attackinfo/([0-9]+)$',views.AttackInfoAPI),

Answer 1

由于没有添加显示错误的日志记录，下面的代码基于以下假设....

在Django中，你希望主体是JSON格式，在http. js中使用的FormData。post call也应该是JSON格式。也许可以通过将post调用更改为:

来实现。

this.http.post('http://127.0.0.1:8000/attackinfo', JSON.stringify(formData)).subscribe