Django学习记录第十一天—异步请求 + filter技巧

依然是机构列表页，我们来看一下今天来解决什么问题

image.png

我们今天就来搞定它，这个地方有一个自己咨询，首先我们看界面大概可以看出来，这是一个form提交。有意思的是这里是一个ajax请求。这种情况我们怎么处理呢？今天来看一下。

• 异步请求

首先呢，这里是有个js的，我们可以在html文件里找到。我在模板里添加了一个叫做{% block custom_js %}{% endblock %}的block，然后偷偷放在了里面。好吧，其实是我忘了说了，在这里提一句。我们最好在base模板里添加一下css与js的block，为了防止有些界面有些不同的操作。

image.png

image.png

从图里我们也能看出来，我们的css最好放在head里，js放在body里即可。
于是在org-list.html中添加了这样一个js.

image.png

{% block custom_js %}
    
{% endblock %}

有了这个js，我们可以看一下，首先拿到了jsStayBtn这个按钮，这个按钮在哪呢？我们找一下。

image.png

就是那个立即咨询。然后干了什么呢？首先是一个click，然后是一个ajax，ajax配置类型是POST, url很明显跟我们的不匹配，我们后期是要修改的，async异步为True，data是jsStayForm，然后就是返回结果处理了，如果status为真就显示xxx失败就显示xxx。基本已经看懂了，就来处理一下。先来吧这js改一下。

仔细看来我们只需要修改一下url就可以了，其他貌似没什么修改的，但是对于立即咨询我们还没有对应的url，所以我们需要先来添加一个url。

url(r'^add_ask/', OrgAddAskView.as_view(), name='add_ask'),

添加View

class OrgAddAskView(View):
    def post(self, request):
        pass

添加Form，因为这里model跟form验证的东西基本一致，所以我们直接使用ModelForm

class OrgAddAskForm(forms.ModelForm):
    class Meta:
        model = AddAskModel
        fields = ['name', 'phone_num', 'course_name']

    def clean_phone_num(self):
        phone_num = self.cleaned_data['phone_num']
        REGEX_MOBILE = "^1[358]\d{9}$|^147\d{8}$|^176\d{8}$"
        p = re.compile(REGEX_MOBILE)
        if p.match(phone_num):
            return phone_num
        else:
            raise forms.ValidationError(u'手机号码非法', code='mobile_invalid')

这里有两个地方需要说明，第一，我们需要通过self.cleaned_data['phone_num']来获取到phone_num的值，第二，我们可以通过ValidationError返回我们自己定义的验证错误信息。这些貌似应该都是上一篇讲到的，=，=。

虽然Form有了你应该发现AddAskModel报错，我们还没有定义我们的model，来model搞一个。

class AddAskModel(models.Model):
    name = models.CharField(max_length=20, verbose_name=u'姓名')
    phone_num = models.CharField(max_length=11, verbose_name=u'电话号码')
    course_name = models.CharField(max_length=50, verbose_name=u'课程名称')

然后

makemigrations organization

migrate organization

然后回到我们的view

class OrgAddAskView(View):
    def post(self, request):
        ask_model = AddAskModel()
        ask_form = OrgAddAskForm(request.POST, instance=ask_model)
        if ask_form.is_valid():
            ask_form.save()
            return HttpResponse('{"status": "success"}', content_type='application/json')
        else:
            return HttpResponse('{"status": "fail", "msg": "错误信息"}', content_type='application/json')

这里我们一定更要注意，我们返回的不再是render，而是一个HttpResponse，我们返回的形式是application/json，这是固定的。

绕了这么多就因为我们要修改一下url，回到html中修改一下url的值

url:"{% url 'organization:add_ask' %}",

这里别忘了在form中添加{% csrf_token %}哦！

运行看一下效果

image.png

image.png

来个错误的看一下。

image.png

OK，到这我们的异步请求基本算是完了。

• filter的一个小技巧。

我们知道我们可以通过字段来筛选出需要的数据。如这里。

image.png

我们通过filter来获取我们需要的值，如果我们想要同时获取高校 + 个人怎么办。这时会我们的ct可能是个list,ct = ['gr', 'gx']，这时候我们要怎么做呢。

all_orgs = Organization.objects.filter(category__in=['gr', 'gx'])

加断点看一下

image.png

没问题， OK，今天就到这吧，有点头疼。

资料下载地址
资料直接下载

坚持三十天，一起加油！