semanti-ui使用的点击事件

这里的点击事件主要以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>中的,放到哪里的话是找不到的,无法做点击处理。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容