我正在嘗試將輸入的資料發布到我的django視圖中，對這個資料進行一些處理，這個資料是一個文本，我正在使用AJAX，但我在我的視圖中得到的輸入是空的
。$(document)。 on（'submit', '#post-form',function（e）{
$.ajax（{
type:'POST'/span>,
url:'{% url "index" %}'。
data:{
inp:$('#qst'/span>).val()
csrfmiddlewaretoken:$('input[name=csrfmiddlewaretoken]').val() 。
action: 'post'。
},
dataType: 'json',
success:function(json){
document.getElementById("post-form"/span>).reset()。
$(".messages_area").append('<div class="messages__item messages__item--visitor"> ' json. inp '</div> ')
$(".messages_area").append('<div class="messages__item messages__item-operator"> ' json. answer '</div> ')
},
錯誤: function(xhr,errmsg,err) {
console.log(xhr.status ":"/span> xhr. responseText); //向控制臺提供更多關于錯誤的資訊。
}
});
});
而這是我的觀點
from .predict_model import respond
def chat(request):
context={}
inp=""。
response_data = {}
if request.method == 'POST' and request.is_ajax:
inp = request.POST.get('inp')
answer=respond(inp)
response_data['answer'] = answer
response_data['inp'] = inp
return JsonResponse(response_data)
return render(request, 'templates/rhchatbot/index.html', context )
但是當我列印inp值時，我得到的是：{'inp':null}
這里是我獲得輸入的表格：
< form class="chatbox__footer" method="POST" id='post-form' > {% csrf_token %}。
<img src="{% static 'images/icons/emojis. svg' %}" alt="" class="icon"> class="icon"
<img src="{% static 'images/icons/microphone'%}"。 svg' %}" alt="" class="icon"> class="icon" "
< input id='qst'/span> type="text" placeholder="write a message. ." >
< button class="send-btn" alt="send-btn" type='submit'/span>>
<img src="{% static 'images/send.png'%}"/span>>
</button>
<img src="{% static 'images/icons/attachment'%}" svg' %}" alt="" class="icon"> class=
</form>/span>
</div>/span>
uj5u.com熱心網友回復：
首先，你必須在輸入欄位中添加name屬性：
< input id='qst' type type="text"placeholder="write a message. ." name="inp">。
那么你可以試試下面的方法：
$("#post-form").submit(function (e) {
e.preventDefault（）。
var serializedData = $(this).serialize() 。
$.ajax（{
type: 'POST'。
url: "{% url 'index' %}"。
data: serializedData,
success: function (json) {
document.getElementById("post-form").reset（）。
$(".messages_area").append('<div class="messages__item messages__item--visitor"> ' json. inp '</div> ')
$(".messages_area").append('<div class="messages__item messages__item-operator"> ' json. answer '</div> ')
},
error。function (xhr,errmsg,err) {
console.log(xhr.status ":"/span> xhr.responseText) 。
}
})
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/307639.html
標籤：
上一篇：有沒有辦法用HTML表格更新JS（ajax）中的一個var？
下一篇：<p>我有一個視圖，根據認證的用戶顯示一個類別及其產品的選單，這意味著我只想顯示某些類別/產品，我的問題是在搜索欄中，當我輸入所有類別的產品時，我希望搜索只找到這些特定類別的產品。這就是為