django之ajax组件

Posted 2021-02-28 张仁国

一 什么是Ajax

AJAX（Asynchronous javascript And XML）翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML,现在更多使用json数据）。

• 同步交互：客户端发出一个请求后，需要等待服务器响应结束后，才能发出第二个请求；
• 异步交互：客户端发出一个请求后，无需等待服务器响应结束，就可以发出第二个请求。

AJAX除了异步的特点外，还有一个就是：浏览器页面局部刷新；（这一特点给用户的感受是在不知不觉中完成请求和响应过程)。

优点：

• AJAX使用Javascript技术向服务器发送异步请求
• AJAX无须刷新整个页面

 

 

需求：

　　注册一个账户

　　　　一点注册这个按钮弹出一个框让用户填写用户名、密码、选择男女、下拉框选择城市等等。

　　　　(如果输入都是正确的应该增加，如果填写的不正确页面上应该进行错误提示)

　　　　填写完所有信息一点注册，数据传送到后台做添加，添加成功之后页面刷新。

 

 

Ajax向后台提交数据，悄悄的向某个url发送请求。

怎么用Jquery级别的ajax：

　　第一步下载jquery并引入：

　　第二步指定url、指定发送形式、数据

$.ajax({
　　url:写url地址
　　type:写GET或POST
　　data:{‘username’:’root’,’password’:’1234’}
})

如果是GET请求ajax会自动把数据内容追加到url路径上发过去
如果是POST请求ajax会自动把数据内容放到请求体里面发过去

 

 

 

二 基于jquery的Ajax实现

在页面上搞点事情，往后台发送数据。

因为ajax是jquery封装了一下。所以在html文件里需要导入它。