如何使用 jQuery 将查询字符串传递给 Ajax 调用？答案

【问题标题】：How to pass a query string to Ajax call with jQuery?如何使用 jQuery 将查询字符串传递给 Ajax 调用？
【发布时间】：2011-10-08 17:59:19
【问题描述】：

这是对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>

所以我需要在执行ajax调用时将alert(this.attr("title"));中存储的main_id的值传递给函数display_false()。

我该怎么做？

相关代码如下：

脚本

        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>

【问题讨论】：

标签： javascript jquery query-string

【解决方案1】：

你不需要提醒那个值，你需要传递它。目前您正在传递字符串title。

    $.ajax({
        url: "/useradminpage?main_id=%s&display=false",
        data: {main_id: this.attr("title")}
        success: function(data) {
        display_false()
        alert(4 - "returned");
        }
    });

【讨论】：

@James Montagne：感谢您的回答。我注意到我需要从隐藏功能的第一次单击中获取main_id，否则main_id 始终是列表中最后一项的ID。但是现在虽然数据库正在更新，但现在隐藏功能不起作用。有什么建议么？我还在数据行的末尾添加了一个逗号。那是对的吗？我用更新的代码编辑了这个问题。再次感谢。
抱歉，多了一个括号，文档准备就绪，现在正在加载，但隐藏功能仍然不起作用。

【解决方案2】：

<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>

【讨论】：