我不知道如何使用 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>
在這里你可以看到 component.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 的模型類
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）
下面是網址代碼
urlpatterns=[
re_path(r'^attackinfo$',views.AttackInfoAPI),
re_path(r'^attackinfo/([0-9] )$',views.AttackInfoAPI),
uj5u.com熱心網友回復：
由于您沒有添加顯示錯誤的日志記錄，因此以下內容基于假設......
在 Django 中，您希望正文是 JSON 格式，在 http.post 呼叫中使用的 FormData 也應該是 JSON 格式。可能可以通過將 post 呼叫更改為：
this.http.post('http://127.0.0.1:8000/attackinfo', JSON.stringify(formData)).subscribe
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/487510.html