我已经阅读了其他解决方案,但没有一个有帮助。所以想法是,用户发送消息,这些消息有回复,要查看它会将用户重定向到 /reply/<message_id>
的回复。当用户单击超链接时。我在下面附上了相关代码。
应用程序.py:
@app.route('/reply/<message_id>')
def reply(message_id):
return render_template('reply.html', message_id = message_id)
index.html:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.7.3/socket.io.min.js"></script>
<script type="text/javascript">
var socket = io.connect('http://' + document.domain + ':' + location.port);
var message_id = 0 ;
socket.on( 'connect', function() {
socket.emit( 'my event', {
data: 'User Connected'
} )
var form = $( 'form' ).on( 'submit', function( e ) {
message_id++
e.preventDefault()
let user_input = $( 'input.message' ).val()
socket.emit( 'my event', {
message_id : message_id,
message : user_input
} )
$( 'input.message' ).val( '' ).focus()
} )
} )
console.log("we are before the method,a nd mid is " + mid + " of type " + typeof mid)
socket.on( 'my response', function( msg ) {
console.log( msg )
if( typeof msg.message_id !== 'undefined' ) {
$( 'h3' ).remove()
console.log("msg.message_id is " + msg.message_id + typeof msg.message_id)
var mid = msg.message_id
console.log("we are before the method,a nd mid is " + mid + " of type " + typeof mid)
$( 'div.message_holder' ).append( '<div>'+mid+' '+msg.message+' <a href="{{ url_for('reply', message_id='X') }}"'.replace('X', mid)'>reply</a></div>' ))
}
})
</script>
回复.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>The reply </title>
</head>
<body>
<h1>Hello, your message id was {{ message_id }}!</h1>
</body>
</html>
当我点击 reply
时,此时发生的事情它将我重定向到 /reply/
然后说找不到。我希望它能将我重定向到 /reply/2
或我点击的任何消息 ID。感谢您的帮助
最佳答案
假设 mid
是一个 javascript 变量,您不能将其与 Jinja 代码混合。 Jinja 渲染会将 mid
解释为 Python 变量,在您的情况下,该变量在渲染时尚未设置。
要解决此问题,请将变量移出 Jinja 代码。为了保持 url_for
正常工作,您仍需要为 message_id
提供一个值。例如:
...' <a href="{{ url_for('reply', message_id='X') }}"'.replace('X', mid) + '>...'
关于javascript - 根据用户点击的内容重定向到其中包含 id 的 url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56226590/