我正在使用 VueJS、C# 和物體框架創建一個 Web 應用程式,但是有一個問題。我不知道如何使用 Axios 將 JSON 回傳到后端。在這個專案中,我使用基于 JSON 模式的動態表單,我想要做的是當用戶完成必填欄位時,一旦他點擊“發送”按鈕,生成的 JSON 應該被重定向到我的資料庫它應該用它的值決議成一個表。
這是“應該”回傳完整 JSON 但沒有成功的函式
returnJSON(){
axios
.post('http://localhost/jsonSchema/email.json')
.then(response => (this.info = response))
}
我不允許分享更多代碼,但我可以提供一個鏈接,從我獲取 JSON 模式的地方: https ://github.com/koumoul-dev/vuetify-jsonschema-form 。我也嘗試過 json 服務器,但沒有成功,因為一旦我將這些欄位更改為物件,架構就不再作業了。
我有兩個問題:
- 如何回傳包含結果 JSON 的鏈接?
- 我應該從另一個角度看待這個問題嗎?首先在 C# 中決議 JSON 然后將該資料發送到資料庫而不是僅發送一個端點以直接決議到存盤程序中更好嗎?
uj5u.com熱心網友回復:
基本上,json 模式不會影響您將資料發送回后端服務器的方式,它只是強制資料(在這種情況下為表單資料)遵循某種結構。為此:
只需查看您的表單 v-model:
<v-jsf v-model="model" :schema="schema" :options="options" />
...model在這種情況下。此變數保存您的資料。現在在您的提交方法中將其發送到服務器:
async returnJSON(){
this.info = await this.$axios.post('<YOUR SERVER URL>', this.model).then(response => response.data)
}
請注意,我將您的 returnJSON 方法更改為使用 async/await 語法,這在這里更容易理解,并且還使它使用 response.data 以及我懷疑您需要呼叫它的方式呼叫 axios(取決于您的設定)。
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/429788.html
下一篇:從JSON檔案c#中洗掉物件
