美文网首页
semanti-ui使用的点击事件

semanti-ui使用的点击事件

作者: 阿汤8阿义 | 来源:发表于2017-01-18 17:08 被阅读47次

这里的点击事件主要以ajax来实现。
忙活好一阵子用来解决这一问题,这里也是暴露出了对前端的不熟悉啊,导致找质料的时候也是乱七八糟,没有多少实质性的资料。
前端的点击事件后在调用后台是很简单代码编写,下面我就来介绍两种的使用场景。
非semanti-ui页面点击

{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="{% static 'jquery-1.11.2.min.js'%}"></script>
#点击事件的处理
    <script type="text/javascript">
        function loadXMLDoc() {
            alert('sjkhfksajd');
            $.ajax({
                url:"/blog/busioness/",
                method: "GET",
            });
        }
</script>
</head>
<body>
<div id="myDiv"><h3>Let AJAX change this text</h3></div>
#点击按钮
<button type="button" onclick="loadXMLDoc()">点击</button>
</body>
</html>

loadXMLDoc是它们点击事件的函数名,这里是通过这个函数名实现连接。

#点击按钮
<div class="ui button" id="mun">
        注册
        </div>
#点击事件的处理
<script src="{% static 'jquery-1.11.2.min.js'%}"></script>
<script>
    $('#mun').click(function () {
      alert('点击了没有');
        $.ajax({
                url:"/blog/busioness/",
                method: "GET",
            });
    })

</script>

这里点击事件处理是不能放到</head>中的,放到哪里的话是找不到的,无法做点击处理。

相关文章

网友评论

      本文标题:semanti-ui使用的点击事件

      本文链接:https://www.haomeiwen.com/subject/wuhbbttx.html