I am developing an app similar to FB. I am trying to render a friends profile. When I click on the link that should render the profile page I get a Bad Request Error
I am using flask, python, html and JS
Here's the python code on the server side:
@app.route('/friends_Profile', methods=["GET"])
def friends_profile():
userid = (request.args['x'],)
print(userid)
print(type(userid))
conn = sqlite3.connect('database.db')
c = conn.cursor()
c.execute("SELECT Name FROM users WHERE rowid = ?", userid)
info = c.fetchall()
print(info[0][0])
return render_template('friends-profile.html', friend=info)
Here's the html:
<div class='friends'>
<b>You are Friends with:</b>
{% for x in range(friends|length) %}
<li><a id='{{friends[loop.index-1][0][0]}}'
href='/friends_Profile' name='{{friends[loop.index-1][0][1]}}_{{friends[loop.index-1][0][2]}}'>{{friends[loop.index -1][0][1]}} {{friends[loop.index -1][0][2]}}</a></li>
{% endfor %}
</div>
</div>
And here is the JavaScript:
$(document).ready(function(){
$("a").click(function(){
let x = $(this).attr('id');
console.log(x);
$.ajax("/friends_Profile?x="+x)
});
});
And here is the Friends Profile page:
{% extends "layout.html" %}
{% block title %}
Friend
{% endblock %}
{% block main %}
<h1>This is {{friend}}'s profile</h1>
{% endblock %}
Why am I getting a Bad Request? I know the problem is with request.args['x'] but can't figure out how to fix it...