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