需求:实现ajax请求,在界面上任意地方点击,可以成功传参。

创建项目如下所示:

116796ae18c9b15b5fd28d11395e1273.png

settings.py文件的设置,这次我们除了要注册app和设置templates文件夹的路径,还要多设置一下static的路径,代码如下:

STATICFILES_DIRS = [

os.path.join(BASE_DIR,'static')

]

首先,先对界面做处理,设置高为100%,然后引入我们所需要的文件static代码如下:

478b22cafb61ae47eadffdc56175971d.png

然后我们根据需求,创建一个点击事件,实现ajax请求,代码如下:

4b7ff400aec7910a0970ed566505a274.png

最后我们在视图文件中判断是否为ajax请求,代码如下:

from django.shortcuts import render

from django.http import HttpResponse,JsonResponse

# Create your views here.

def home(request):

return render(request,'index.html')

def ajax_get(request):

# 判断当前请求方式是否为ajax

if request.is_ajax():

city = request.GET.get('city')

print(city)

return JsonResponse({'content':"这是ajax请求"})

# return render(request,'index.html',{'content':'这是ajax请求'})

else:

return JsonResponse({'content':"这是假的ajax请求"})

# return render(request, 'index.html', {'content': '这是假的ajax请求'})

启动服务器,刷新页面。

urls.py文件中代码设置如下:

from django.contrib import admin

from django.urls import path

from myApp import views

urlpatterns = [

path('admin/', admin.site.urls),

path('home/',views.home),

path('ajax_get/',views.ajax_get)

]

8ccfc0e75c0fc80268a7f9bafd2995cc.png

进入页面之后,在body范围内随意点击,就可以得到这个ajax请求返回的数据。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐