django学习踏坑行-1

1.关于django 模版中{% url 'xxx' %}的使用

django中为了避免在页面中使用链接地址硬编码的不友善的操作方式，引入了{% url 'xxx' %}的从后台动态传入网络地址的方式。不过在使用过程中却产生了一个bug。每次请求这个动态生成的地址时，网页都会提示我

Reverse for 'xxx' with arguments '()' and keyword arguments '{}' not found. 0 pattern(s) tried: []

通过查询{% url 'xxx' %}的使用方式了解到，这里动态获取地址的名称xxx对应的是urls.py中每个url规则的name属性，而不是直接调用我们在views中的方法。所以应该养成一个良好的习惯，给每个url规则都起一个名字。示例如下：

url(regex=r'^newBlog/$', view=views.newblog, name="newBlog"),

2.关于ajax post数据时的一个坑

我在我的代码中通过下面的ajax想把我form中的title，body和一张图片post出去。可是每次执行到ajax中的data赋值时就直接退出了，造成整个页面一直没有执行post步骤。给人的感觉就像是原来的页面进行了一次刷新操作一样。

<script>
	$(document).ready(function () {
		$("#submit").submit(function () {
			var title = $("#title").val();
			var body = $("#body").val();
			var images = $("#browsefile")[0].files[0];

			$.ajax({
				type: "POST",
				data: {'title': title, 'body': body, 'images': images},
				url: "{% url 'xxx' %}",
				processData: false,
				contentType: false,
				success: function (result, statues, xml) {
					alert(result);
				},
				error: function () {
					alert("111");
				}
			})
		})
	})
</script>

最后在stacksoverflow上发现ajax post数据的时候不能将obj对象直接赋值给变量来发送，而是应该先初始化一个FormData，将需要post的数据先存入FormData中，然后再post出去才行。正确示例如下：

<script>
	$(document).ready(function () {
		$("#submit").submit(function () {
			formdata = new FormData();
			formdata.append('title', $("#title").val());
			formdata.append('body', $("#body").val());
			formdata.append('images', $("#browsefile")[0].files[0]);

			$.ajax({
				type: "POST",
				data: formdata,
				url: "{% url 'xxx' %}",
				processData: false,
				contentType: false,
				success: function (result, statues, xml) {
					alert("success");
				},
				error: function () {
					alert("fail");
				}
			})
		})
	})
</script>

另附通过ajax发送图片的说明文档：http://webkul.com/blog/send-images-through-ajax/