首页 > Web开发 > 详细

Ajax

时间:2019-03-06 00:00:45      阅读:225      评论:0      收藏:0      [点我收藏+]

一. Ajax是什么

  Asynchronous JavaScript And XML 异步JavaScript和XML

  Ajax是使用JavaScript语言与服务器进行异步交互,传输数据为XML(现在更多的是用json)

二. Ajax的优点

  1. 局部刷新页面

  2. 和服务器进行异步交互

  3. 局部刷新性能高

三. Ajax的使用

  1. 基于jQuery实现

技术分享图片
一般和绑定事件一起用

$.ajax({
    url: "{% url "别名"%}",        # 提交路径
    type: "post",                     # 提交方式,post,get...
    data{ "k1":v1,"k2":v2... },  # 提交的数据,自定义对象类型
    success:function(response){
    response 是返回的响应,根据响应搞事情
}
})
基于jQuery的实现

四. 用json处理python和JavaScript的消息

  1. 使用json模块处理

技术分享图片
import json

data = json.dumps(data)    # 序列化

return HttpResponse(data)
py端
技术分享图片
data = JSON.parse(data)    # js中的反序列化
JavaScript端 

  2. 发送一个ajax标识头,Ajax自动识别消息

技术分享图片
def login(request):

   data = json.dumps(data)
    # content_type 是个标识头,ajax看见会自动处理
   return HttpResponse(data,content_type="application/json")
第二种

  3. 使用django带的JsonResponse模块

    这个模块帮你处理消息格式

技术分享图片
from django.http import JsonResponse

def login(request):
    # 如果发送字典格式外的,需要在后面加safe=False
    return JsonResponse(data ,[safe=False])  
第三种JsonResponse模块

Ajax

原文:https://www.cnblogs.com/q767498226/p/10480480.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!