Итак, я пытаюсь отправить некоторые данные jquery с внешнего интерфейса на сервер с помощью Ajax и flask, но я получаю эту ошибку, но весь мой другой код работает нормально
Я пытался использовать type: 'POST' и $ .post, чтобы попытаться отправить данные, но мне не повезло. Я также попытался использовать request.form и request.get_json (), но все равно не повезло.
Я попытался запустить быстрый тест в почтальоне , и он сказал мне. Я пытаюсь запустить запрос POST.
Код от Почтальона
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<title>400 Bad Request</title>
<h1>Bad Request</h1>
<p>The CSRF token is missing.</p>
Колба Питона
#all other code is fine...
@users.route('/api/get_msg') #Both users can communicate
def get_msg():
text = Messages.query.all()
users = Users.query.all()
return jsonify([
{
"msg": text[m].message,
"user": text[m].sender.username
}
for m in range(len(text))
])
@users.route('/api/send_msg', methods=['POST'])
def send_msg():
data = request.get_json()
from_user = current_user
msg_text = data["msg_text"]
newMsg = {
"msg_text": msg_text
}
msg_log = Message(message=msg_text, sender=from_user)
db.session.add(msg_log)
db.session.commit()
return jsonify({"result", "success"})
Javascript
$(function() {
var $msg_history = $('#messages');
var $msg_text = $('input #msg_text');
let $username = $('#current_user_id').data();
let $other_user = $('#to_send_user_1').data();
function incoming(text){
$msg_history.append(`
<div class="incoming_msg">
<div class="incoming_msg_img"> <img src="https://ptetutorials.com/images/user-profile.png" alt="sunil"> </div>
<div class="received_msg">
<div class="received_withd_msg">
<p><strong>${text.user}</strong>: ${text.msg}</p>
<span class="time_date">16:09 | Today</span></div>
</div>
</div>
`);
}
function outgoing(text){
$msg_history.append(`
<div class="outgoing_msg">
<div class="sent_msg">
<p>${text}</p>
<span class="time_date"> 11:00am </span> </div>
</div>
`);
}
$.ajax({
type: 'GET',
url: '/api/get_msg',
success: function(data){
$.each(data, function(i, msgs){
incoming(msgs);
});
},
error: function(){
alert('ERROR: Could not load messages. Please try to reconnect.')
}
});
// SEND MSG
var $sendBtn = $('#send_btn');
var $msg_text = $('#msg_text');
$sendBtn.on('click', function(event){
event.preventDefault();
$.ajax({
type: 'POST',
url: '/api/send_msg',
data: {
"msg_text": $msg_text.val()
}
})
.done(function(data){
if (data.error){
outgoing('Could Not Send');
}
else{
outgoing($msg_text.val());
}
});
$msg_text.val('');
});
});
HTML или шаблон через Jinja2
<div class="mesgs">
<div class="msg_history" id="messages">
<!-- Some other Code-->
</div>
<div class="type_msg" id="messageInput">
<div class="input_msg_write">
<input type="text" class="write_msg" id="msg_text" name="msg_text" placeholder="Type a message" />
<button class="msg_send_btn" id="send_btn" type="button">Send</button>
</div>
</div>
</div>
Я пытаюсь, чтобы сервер сохранил сообщение в базе данных, а затем отправил его обратно во внешний интерфейс с помощью запроса get. Так же, как приложение чата.
Я также пытаюсь найти лучший способ создать приложение для мгновенного чата с использованием фляги и jquery. Если у кого-то есть предложения. пожалуйста, дай мне знать. Я уже использую Pusher для отправки сообщений в режиме реального времени.