Javascript 在按钮上单击添加操作url jquery
我有这样一个链接:Javascript 在按钮上单击添加操作url jquery,javascript,jquery,python,html,url-for,Javascript,Jquery,Python,Html,Url For,我有这样一个链接: <a class="glyphicon glyphicon-remove glyphicon-color-red btn-delete" data-toggle="modal" data-target="#myModal" user-id="56f52ea551d72027711157d6"></a> 我在python中的route admin.delete_user中使用的方法是: def delete_user(self, id): mo
<a class="glyphicon glyphicon-remove glyphicon-color-red btn-delete" data-toggle="modal" data-target="#myModal" user-id="56f52ea551d72027711157d6"></a>
我在python中的route admin.delete_user中使用的方法是:
def delete_user(self, id):
mongo.db.users.remove({'_id': ObjectId(id)})
return redirect(url_for('admin.users'))
以及模式弹出窗口:
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></h4>
</div>
<form id="modal-form" action=" " method="POST">
<div class="modal-body">
<p>Are you sure?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default btn-sm btn-style" data-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-default btn-sm btn-filter-apply btn-style" >Yes</button>
</div>
</form>
</div>
</div>
&时代;
你确定吗
取消
对
我不明白为什么在jquery中没有添加操作URL?在进行任何更改之前,请确保已加载DOM,您可以使用ready()
在进行任何更改之前,请确保已加载DOM,您可以使用ready()
我会将您的url_函数更改为生成所需url的一部分,然后将其放置在action attr中。然后,使用jquery将用户id附加到字符串中。确保您修改了抓取url以解析参数的内容。下面是一个例子: url\u用于返回类似以下内容的内容: 然后,您的表单操作:
<form id="modal-form" action="{{url_for(delete_user)}}" method="POST">
最后,解析表单的任何内容都将查找url参数delete_user=并使用附加到表单中的用户id。我将更改函数的url以生成所需url的一部分,然后将其放置在action attr中。然后,使用jquery将用户id附加到字符串中。确保您修改了抓取url以解析参数的内容。下面是一个例子: url\u用于返回类似以下内容的内容: 然后,您的表单操作:
<form id="modal-form" action="{{url_for(delete_user)}}" method="POST">
最后,解析表单的任何内容都将查找url参数delete\u user=并使用附加到表单中的用户id。操作为空是什么意思?单击时它是空的还是从服务器返回时它是空的?它是完全空的还是缺少用户id部分?当我单击带有类的a链接时。btn delete,出现modal,我看到那里的modal操作URL是完全空的,就像这样“”,我想问题是当我在URL上传递参数user_id时,但我不确定?我想你的jquery不知道如何处理{{}}。我要做的是将该部分包括在表单操作中,然后在jquery{{}中将用户id附加到该部分-这是jinja语法,但在url被替换时如何做呢?问题是,在jquery执行之前,服务器没有在{{}内看到函数调用,因此无法用正确的字符串替换它。您需要找到一种方法将调用放在服务器可以看到的地方,然后用js将用户id传递给它。什么是操作为空?单击时它是空的还是从服务器返回时它是空的?它是完全空的还是缺少用户id部分?当我单击带有类的a链接时。btn delete,出现modal,我看到那里的modal操作URL是完全空的,就像这样“”,我想问题是当我在URL上传递参数user_id时,但我不确定?我想你的jquery不知道如何处理{{}}。我要做的是将该部分包括在表单操作中,然后在jquery{{}中将用户id附加到该部分-这是jinja语法,但在url被替换时如何做呢?问题是,在jquery执行之前,服务器没有在{{}内看到函数调用,因此无法用正确的字符串替换它。您需要找到一种方法,将调用放在服务器可以看到的地方,然后用js将用户id传递给它。
<form id="modal-form" action="{{url_for(delete_user)}}" method="POST">
$('.btn-delete').click(function () {
var user_id = $(this).attr('user-id');
var action = $('#modal-form').attr('action');
$('#modal-form').attr('action', action + user_id);
});