这是对 my previous question (unresolved) 的跟进.
我从数据库中获取 items 并在 for 循环中显示它们。我使用 jQuery 隐藏其中一行。现在我需要获取该隐藏行的 main_id 并将其传递给 $.ajax。在最初的问题中，保罗建议使用 alert(this.attr("title")); 但是这一行停止了 $.ajax 调用的执行，调用是未执行。当我注释掉警报 alert(this.attr("title")); 时，ajax 调用就会通过。在那种情况下，我得到一个错误，因为处理程序中的 display_false() 函数没有获得 main_id 的值。
这是带有 title=%s 的“隐藏”链接的 html。
<a class="false" title=%s href="/useradminpage?main_id=%s&display=false"><span class="small">(hide)</span></a>
所以我需要将存储在alert(this.attr("title"));中的main_id的值传递给函数display_false() 当执行 ajax 调用时。
我该怎么做？
相关代码如下:
脚本
self.response.out.write("""
<html>
<head>
<link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
<title>User Admin Page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script>
$(document).ready(function() {
alert("1 - document ready is called")
$("a.false").click(function(e) {
$(this).closest("tr.hide").hide("slow");
e.preventDefault();
alert("2 - row is hidden")
});
$("a.false").click(function() {
alert("3 - ajax")
//the following alert stops the ajax call from executing
alert(this.attr("title"));
$.ajax({
url: "/useradminpage?main_id=%s&display=false",
data: {main_id: "title"}
success: function(data) {
display_false()
alert(4 - "returned");
}
});
});
});
</script>
</head>
<body>
""")
HTML
#-----------main table------------#
main_id = self.request.get("main_id")
self.response.out.write("""<table class="mytable">
<tr class="head">
<th width="80%">links</th><th>edit tags</th>
</tr>
""")
query = Main.all()
query.filter("owner", user)
query.filter("display", True)
query.order("-date")
cursor = self.request.get("cursor")
if cursor: query.with_cursor(cursor)
e = query.fetch(100)
cursor = query.cursor()
for item in e:
main_id = item.key().id()
self.response.out.write("""
<tr class="hide">
<td><a href="%s" target="_blank">%s</a><span class=small> (%s) </span><br />
<span class=small>%s</span>
<a href="/edit?main_id=%s"><span class="small">(edit)</span></a>
<a class="false" title=%s href="/useradminpage?main_id=%s&display=false"><span class="small">(hide)</span></a>
<a href="/comment?main_id=%s"><span class="small">(comments)</span></a></td>
<td><a href="/tc?url=%s&main_id=%s&user_tag_list=%s" title="edit tags">%s</a>
</td>
</tr>
""" % tuple([item.url, item.title, urlparse(item.url).netloc,
f1.truncate_at_space(item.pitch), main_id,
main_id,
main_id, main_id,
item.url, main_id, (", ".join(item.tag_list)),
(", ".join(item.tag_list)),]))
self.response.out.write("""</tbody></table>""")
display = self.request.get("display")
def display_false():
if display == "false":
main_id = self.request.get("main_id")
#I tried to get the "title" but this does not work
#main_id = self.request.get("title")
k = Main.get_by_id(int(main_id))
k.display = False
k.put()
display_false()
...
更新
根据James Montagne's answer (with a few changes)更新了代码.现在，由于某种原因，文档就绪没有加载，隐藏行的调用不起作用，但是更新数据库的 ajax 调用正在运行。我做错了什么？
<script>
$(document).ready(function() {
alert("1 - document ready is called")
$("a.false").click(function(e) {
$(this).closest("tr.hide").hide("slow");
var main_id = this.attr("title");
var display = "false";
e.preventDefault();
alert("2 - row is hidden")
});
$("a.false").click(function() {
alert("3 - ajax");
$.ajax({
url: "/useradminpage?main_id=%s&display=false",
data: {main_id: "main_id", display: "display")},
success: function(data) {
display_false()
alert(4 - "returned");
}
});
});
});
</script>
最佳答案
您不需要提醒该值，您需要传递它。当前您正在传递字符串 title。
$.ajax({
url: "/useradminpage?main_id=%s&display=false",
data: {main_id: this.attr("title")}
success: function(data) {
display_false()
alert(4 - "returned");
}
});
关于javascript - 如何使用 jQuery 将查询字符串传递给 Ajax 调用？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7698706/