标题:jQuery ajax提交评论 | 作者: catfish | 时间:2020年01月13日
暂无法显示图片

用法:

{% load staticfiles %}
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>我的评论</title>
	<script src="{% static 'js/jquery-1.12.4.js' %}"></script>
	<script type="text/javascript">
		window.onload = function(){
			document.getElementById('submit').onclick = function(){
				$.ajax({
					url: "{% url 'comment' %}",
					type: 'GET',
					data: {'1':'2'},
					cache: false,
					success: function(data){
						console.log(typeof data)
						html = "<p>"+ data['hello'] + "<p>"
						$('.comment').append(html)
					},
					error: function(xhr){
						console.log(xhr)
					},
				})
			}
		}
	</script>
</head>
<body>
<textarea style="resize: none;" rows="10" cols="20" placeholder="请开始你的表演"></textarea>
<button id="submit" style="cursor: pointer;">提交</button>
<ul>评论区
	<li class="comment"></li>
</ul>
</body>
</html>

我的感悟

相比原生的javascript,jQuery使用ajax十分简易。如果有对原生javascript使用ajax感兴趣的朋友,可以在站内搜索xhr来找到相关博客。

添加到数组后面用append方法,添加到数组前面用prepend方法。

我要评论

没有登录?请先登录后再评论

最新评论

暂无人评论,来抢个沙发吧!