Ajax基础

初始ajax

1.ajax代码

        $(‘#ajax_submit‘).click(function () {
            $.ajax({
                url:"/app02/test_ajax/",type:‘POST‘,data:{‘hostname‘:$(‘#host‘).val(),‘ip‘:$(‘#ip‘).val(),‘port‘:$(‘#port‘).val(),‘b_id‘:$(‘#sel‘).val()},success:function (data) {
                    if (data==‘ok‘){
                        location.reload()
                    }else{
                        alert(data)
                    }
                }
            })
        })

后台代码

def test_ajax(request):
    h = request.POST.get(‘hostname‘)
    i = request.POST.get(‘ip‘)
    p = request.POST.get(‘port‘)
    b = request.POST.get(‘b_id‘)
    if len(h)>5 and h :
        models.Host.objects.create(hostname=h,ip=i,port=p,b_id=b)
        return HttpResponse(‘ok‘)
    else:
        return HttpResponse(‘太短了‘)