Javascript 如何使用jQuery更新数据库而不刷新页面？

如何使用jQuery将此

display\u false（）

函数发送到服务器，以便在不刷新页面的情况下更新数据库

    def display_false():
        if display == "false":
            main_id = self.request.get("main_id")
            k = Main.get_by_id(int(main_id))
            k.display = False
            k.put()

    display_false()    

首先，我用jQuery（）隐藏一个表行：

然后我想用

display\u false（）

将数据库中的“display”属性更新为“false”，以便不显示该项

这是html中的隐藏链接：

    for item in e:
        main_id = item.key().id()
        ...
        <tr class="hide">
        ...
        <a class="false" href="/useradminpage?main_id=%s&display=false"><span class="small">(hide)</span></a>
        ...
        </td>
        </tr>
        ...

更新

我按照Paul的建议发出警报以查看正在运行的内容。警报1、2和3正在运行，但4未运行：

$(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() {
    //ajax server call
    alert("3 - ajax server call")
    $.ajax({
    url: "/useradminpage?main_id=%s&display=false",
    success: function(data) {
    //do some stuff.
    display_false()
    alert(4 - "returned");
  }
});
});


});

更新

这是表中该部分的代码部分；我正在尝试获取

main\u id

并将其传递给ajax调用：

#-----------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" 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,
                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")
                    k = Main.get_by_id(int(main_id))
                    k.display = False

                    k.put()

            display_false()    

#--------------主表------------#
main\u id=self.request.get（“main\u id”）
self.response.out.write（“”）
linksedit标签
""")        
query=Main.all（）
query.filter（“所有者”，用户）
query.filter（“显示”，True）
查询订单（“-日期”）
cursor=self.request.get（“cursor”）
if cursor:query.with_cursor（游标）
e=query.fetch（100）
cursor=query.cursor（）
对于e中的项目：
main_id=item.key（）.id（）
self.response.out.write（“”）
（%s）

%
“”%tuple（[item.url，item.title，urlparse（item.url）.netloc，
f1.在_空间（item.pitch）、main_id、main_id、main_id处截断_，
item.url，main_id，（“，”.join（item.tag_list）），
（“，”.join（item.tag_list）），]））
self.response.out.write（“”）
display=self.request.get（“display”）
def display_false（）：
如果显示==“false”：
main\u id=self.request.get（“main\u id”）
k=Main.get_by_id（int（Main_id））
k、 显示=假
k、 put（）
显示错误（）

与Paul讨论后更新以获取隐藏行的id号：

<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(this.attr("title"));

    $.ajax({
    url: "/useradminpage?main_id=%s&display=false",

    success: function(data) {
    display_false()
    alert(4 - "returned");
  }
});
});
});


</script>

$（文档）.ready（函数（）{
警报（“1-调用文件准备就绪”）
$（“a.false”）。单击（函数（e）{
$（this）.closest（“tr.hide”）.hide（“slow”）；
e、 预防默认值（）；
警报（“2-行被隐藏”）
});
$（“a.false”）。单击（函数（）{
警报（此.attr（“标题”）；
$.ajax({
url:“/useradminpage？主\u id=%s&display=false”，
成功：功能（数据）{
显示错误（）
警报（4-“返回”）；
}
});
});
});

不能使用JQuery更新服务器数据库。您所能做的就是发送一个由服务器处理的请求

---

使用JQuery.Ajax或该函数的任何派生函数来发送请求。对于您的服务器，它将看起来是一个常规请求。

您无法使用JQuery更新服务器数据库。您所能做的就是发送一个由服务器处理的请求

---

使用JQuery.Ajax或该函数的任何派生函数来发送请求。对于您的服务器来说，它看起来是一个常规请求。

在包含jQuery库之后，您需要一个AJAX调用，类似这样的调用

$(document).ready(function() {

//false click action
$("a.false").click(function () { 

//ajax server call
$.ajax({
  url: '/useradminpage?main_id=%s&display=false',
  success: function(data) {
    //do some stuff.
    alert('returned');
  }
});

});



});

---

在包含jQuery库之后，您将需要一个AJAX调用，类似这样的调用

$(document).ready(function() {

//false click action
$("a.false").click(function () { 

//ajax server call
$.ajax({
  url: '/useradminpage?main_id=%s&display=false',
  success: function(data) {
    //do some stuff.
    alert('returned');
  }
});

});



});

---

@保罗：谢谢。我将我的函数

display\u false（）

放在您指示的

//做一些事情的地方

，但这并没有运行该函数。我用我所做的更新了代码。我做错了什么？再次感谢。你在跑什么？你要从上面走多远？使用警报语句进行调试，首先，调用document ready（）是否正确，即jQuery加载是否正常。第二，处理程序是否为a.false单击触发，再次尝试警报。一旦你做到了这一点，你就会看到ajax调用正在启动。仔细阅读代码以缩小错误范围。顺便说一句，文档中的所有内容都需要准备就绪。@Paul:我添加了提醒。调用了document ready（），但未调用带有警报（“returned”）的节。我是否将我的功能放在正确的位置？用警报更新了问题。@Paul：现在我运行了请求，但我得到一个错误，因为url中的主id不再是id。如何将主id传递到url？如果要隐藏的行的main_id是1053，则发送到ajax的url必须是url:“/useradminpage？main_id=1053&display=false”我如何才能做到这一点？（我硬编码了main_id=1053，成功了）。您可能需要在HTML中的某个地方包含该main id，以便jQuery可以引用它并将其添加到请求URL中。将其添加为表行的“title”属性。然后通过在单击事件中引用this变量将其选中。@保罗：谢谢。我将我的函数

display\u false（）

放在您指示的

//做一些事情的地方

，但这并没有运行该函数。我用我所做的更新了代码。我做错了什么？再次感谢。你在跑什么？你要从上面走多远？使用警报语句进行调试，首先，调用document ready（）是否正确，即jQuery加载是否正常。第二，处理程序是否为a.false单击触发，再次尝试警报。一旦你做到了这一点，你就会看到ajax调用正在启动。仔细阅读代码以缩小错误范围。顺便说一句，文档中的所有内容都需要准备就绪。@Paul:我添加了提醒。调用了document ready（），但未调用带有警报（“returned”）的节。我是否将我的功能放在正确的位置？用警报更新了问题。@Paul：现在我运行了请求，但我得到一个错误，因为url中的主id不再是id。如何将主id传递到url？如果要隐藏的行的main_id是1053，则发送到ajax的url必须是url:“/useradminpage？main_id=1053&display=false”我如何才能做到这一点？（我硬编码了

$(document).ready(function() {

//false click action
$("a.false").click(function () { 

//ajax server call
$.ajax({
  url: '/useradminpage?main_id=%s&display=false',
  success: function(data) {
    //do some stuff.
    alert('returned');
  }
});

});



});