django与Ajax 多对多三种创建方法 多对多的三种创建方法： 1.全自动(较为常见)： class Book(models.Model): title = models.CharField(max_length=32) authors = models.ManyToManyField(to='Author') # orm就会自动帮你创建第三张表 class Author(models.Model): name = models.CharField(max_length=32) 好处： 两表关联，第三张表制动创建。 不敷之处 第三张表无法扩展特别的字段，字段不能改削，或不能增加字段 2.纯手动(了解) class Book(models.Model): title = models.CharField(max_length=32) class Author(models.Model): name = models.CharField(max_length=32) class Book2Author(models.Model): book = models.ForeignKey(to='Book') author = models.ForeignKey(to='Author') create_time = models.DateField(auto_now_add=True) 好处： 好处在于第三表可以扩展特别的字段 不敷之处： orm盘问的时候会带来未便 3.半自动(保举) class Book(models.Model): title = models.CharField(max_length=32) authors = models.ManyToManyField(to='Author',through='Book2Author',through_fields=('book','author')) class Author(models.Model): name = models.CharField(max_length=32) books = models.ManyToManyField(to='Author',through='Book2Author',through_fields=('author','book')) class Book2Author(models.Model): book = models.ForeignKey(to='Book') author = models.ForeignKey(to='Author') create_time = models.DateField(auto_now_add=True)

好处 好处在于第三步可以扩展任意的特别字段 还可以操作orm 正反向盘问 不敷之处 无法操作 add set remove clear 虽然无法使用了 但是你还可以本身直接操纵第三表 Ajax***** 异步提交 同步与异步 同步 任务提交之后原地期待任务的返回功效 进程表示上来说 梗阻 异步： 任务提交之后不需要原地期待返回功效 直接执行下一行代码 进程表示上来说 非梗阻 任务的功效必定是需要的 是通过异步回调机制 callback()

局部提交 与后端进行交互的方法 1.浏览器窗口输入url回车 GET 2.a标签href属性填写url点击 GET 3.form表单 GET/POST 4.Ajax GET/POST Ajax介绍： Ajax并不是一门新的语言 它其实就是基于js写的一个成果模块而已 由于原生js书写ajax较为繁琐 所以我们直接学jQuery封装号的ajax模块操纵 AJAX常见应用情景： 搜索引擎按照用户输入的关键字，自动提示检索关键字。 还有一个很重要的应用场景就是注册时候的用户名的查重。 其实这里就使用了AJAX技术！当文件框产生了输入变革时，使用AJAX技术向处事器发送一个请求，然后处事器会把盘问到的功效响应给浏览器，最后再把后端返回的功效展示出来。

整个过程中页面没有刷新，只是刷新页面中的局部位置而已！

当请求发出后，浏览器还可以进行其他操纵，无需期待处事器的响应！

AJAX的长处: 长处： AJAX使用JavaScript技术向处事器发送异步请求； AJAX请求无须刷新整个页面； 因为处事器响应内容不再是整个页面，而是页面中的部分内容，，所以AJAX性能高； 两个关键点:1.局部刷新，2.异步请求 需求: 初识ajax 案例:页面上有三个input框 一个按钮 用户在前两个框中输入数字 点击按钮保证页面不刷新的情况下将数据发到后端做计算 将计算好的功效再发给前端展示到第三个input框中 ajax根基语法布局 // ajax根基语法 $.ajax({ // 1.到底朝哪个后端提交数据 url:'', // 控制数据的提交路径 有三种写法 跟form表单的action属性一致 // 2.指定当前请求方法 type:'post', // 3.提交的数据 data:{'i1':$('#i1').val(),'i2':$('#i2').val()}, // 4.ajax是异步提交 所以需要给一个回调函数来措置惩罚惩罚返回的功效 success:function (data) { // data就是异步提交的返回功效 // 将异步回调的功效通过DOM操纵衬着到第三个input框中 $('#i3').val(data) } })

ajax根基语法布局法式分化：

页面上有三个input框 一个按钮:

代码：

效果：

代码：

代码：

效果：

代码：

实现：

Content-Type前后端传输数据编码格局