当前位置: 首页 > 面试题库 >

Django按钮ajax请点击

南宫书
2023-03-14
问题内容

我有一些Django可以很好呈现的HTML。我想单击HTML上的按钮,并在视图中触发事件。

看起来按钮并未引起post触发。我不确定自己在做什么错。

这是我的views.py代码:

def log(request):
  if not request.POST:
    template = loader.get_template('log.html')
    html = template.render(Context())
    return HttpResponse(html)
  print "Post"

这是我的log.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
<script type="text/javascript">
    $("#update_log_button").bind("button", function(){
        $.post("hello");
        return false;
    });
</script>
</head>
<body>
<p>
    <span>SPHIINX Log</span>
</p>
<p>
    <textarea cols="2" name="log" rows="25"></textarea>
     <input id="update_log_button" name="update_log" type="button" value="Update Log"/>
</p>
</body>
</html>

问题答案:

为什么没有click直接使用该事件?

试试这个:

<script type="text/javascript">
  $(function(){
    $("#update_log_button").click(function(){
        $.post(
         url : "/hello/",
         dataType:"html",
         success: function(data, status, xhr){
            //do something with your data
        }
        );
        return false;
    });
 });
</script>

如果按钮是动态创建的,那么您可能想使用该bind函数将click事件处理程序附加到元素

<script type="text/javascript">
   $(function(){
    $("#update_log_button").bind('click', function(){
        $.post(
         url : "/hello/",
         dataType:"html",
         success: function(data, status, xhr){
            //do something with your data
        }
        );

        return false;
    });
   });
</script>

尝试使用以下URL来包含JQuery库:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>


 类似资料:
  • 所以我实际上已经阅读了关于这个的stackoverflow问题,但是它们对于使用最新版本的wordpress来说有点太老了。 我的最终目标是提交我的表单中的一些数据到数据库,但现在ajax响应对我不起作用。在WP中的自定义页面加载中,将加载所有代码,以便所有函数都应正常工作。所有这些都在PHP文件中,为什么使用echo来创建JS脚本。这是我代码的重要部分 使用WP的当前版本,所以变量ajaxurl

  • 问题内容: 我试图在单击按钮后禁用它。我努力了: 但该按钮并未被禁用。当我删除 按钮被禁用。 虽然这没有按预期工作,但我认为代码顺序是正确的。任何帮助将不胜感激。 问题答案: 放入成功函数: 这将确保 在 加载数据 后将 disable设置为false 。当前,您在同一单击功能(即同时)中禁用和启用按钮。

  • 问题内容: 我有这个小网站,我想用请求库填写表格。问题是当填写表单数据并单击按钮时,我无法到达下一个站点(输入不起作用)。 重要的是,我无法通过某种类型的点击漫游器来做到这一点。这需要完成,这样我才能在没有图形的情况下运行。 前三个条目的名称,消息,符号是文本区域,步骤是我认为的按钮。 当我通过chrome手动发送请求时,表单数据如下所示: 姓名:约翰·约翰 讯息:XXX 签名:XXX 第1步 b

  • 问题内容: 因此,我一直无法将这种视图转换为Ajax调用: 我想我需要jQuery和JSON,但是我不确定如何在此处实现它以便为我的网站创建自己的“赞按钮”。有什么想法/建议吗? 问题答案: 我举一个例子。您只需从中学习并进行相应的更改。 myapp.models.py (简化的公司模型): myapp.urls.py (视图的URL): myapp.views.py (查看): 模板: 在模板中

  • 我使用bootstrap模式获得了一个register表单,它将调用ajax post函数。 但是,它似乎并不执行我的$.post。另外,如何将php函数的返回值使用到ajax数据中?那么,如果我的createAccount返回true或其他值,我的ajax如何捕获它呢? 我的阿贾克斯。 我的CreateAccount.php 我的函数.php

  • 本文向大家介绍按钮的Ajax请求时一次点击两次提交的解决方法,包括了按钮的Ajax请求时一次点击两次提交的解决方法的使用技巧和注意事项,需要的朋友参考一下 页面中的按钮的type是submit的: <input type="submit" value="Create" id="submit" /> ajax的请求,在JQuery中是: 发生两次提交的原因是在执行完ajax请求后,并没有阻止subm