不刷新页面请求数据(Django+ajax+jquery)

一个简单加法的例子

网上找了些资料,大部分资料由于Django版本低,没法直接用,自己写好做个记录。
做ajax页面请求主要有 点:

urls.py

建立两个url路径,demo_ajaxdemo_add

urlpatterns = [
    …………
    path('demo_ajax/', hc_views.demo_ajax),
    path('demo_add/', hc_views.demo_add),
]

demo_ajax显示加法输入框和按钮,demo_add导航到views试图,用于处理加法并返回结果。

views.py

两个试图对应两个urls,demo_ajax视图直接渲染demo_ajax.html模板,demo_add视图处理GET请求。

def demo_ajax(request):
    return render(request, 'demo_ajax.html')

def demo_add(request):
    a=request.GET['a']
    b=request.GET['b']

    if request.is_ajax():
        ajax_string = 'ajax request: '
    else:
        ajax_string = 'not ajax request: '

    c = int(a) + int(b)
    r = HttpResponse(ajax_string + str(c))
    return r

HTML模板页面




    {% load static %}


    

请输入两个数字

a:
b:

result:

结果

不刷新页面请求数据(Django+ajax+jquery)_第1张图片
image.png

你可能感兴趣的:(不刷新页面请求数据(Django+ajax+jquery))