Ajax-05

最新推荐文章于 2022-11-17 21:46:54 发布

XiangChiZhaJi

最新推荐文章于 2022-11-17 21:46:54 发布

阅读量127

点赞数

分类专栏： Node.js

本文链接：https://blog.csdn.net/XiangChiZhaJi/article/details/105379177

版权

Node.js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

jquery为我们封装了ajax方法
在这里插入图片描述
beforesend发送之前可以做一些事（比如格式验证）
success如果返回的是json字符串，ajax内部会自动将字符串转换成json对象，

url前面可以省略

会自动拼接完整的地址

传递参数

在这里插入图片描述

可以直接传递字符串

在这里插入图片描述
contenttype

指定成json

这时候看到的是json字符串
在这里插入图片描述
改成application/json就需要传递json类型的参数把对象转换成json字符串就可以
请求发送之前调用的：

return false请求就不会发送了

serialize

在这里插入图片描述
formdata存在兼容问题，可以使用jq为我们提供的方法
返回值是拼接好的字符串

但是如果要验证用户输入内容，还是很困难的
把表单内容转换成对象类型，自己封装

循环数组，拿到对象，把对象中name属性的值变成新对象中的属性，
value属性的值变成新对象中属性对应的值
想要的结果
在这里插入图片描述

最后通过return返回

ajax发送jsonp请求

ajax技术通过创建ajax对象来发送请求
jsonp通过创建script标签发送请求
在这里插入图片描述

随机生成函数名，服务器端判断是不是函数没事函数就会执行，把数据当做实参返回
在这里插入图片描述

如果不想用success,想自己传递函数

在这里插入图片描述

$get 和 $post

在这里插入图片描述
回调函数其实是success函数

案例

在这里插入图片描述

mongo
use admin
db.system.users.remove({})
db.createUser({ user: “root”, pwd: “123456”, roles: [ { role: “root”, db: “admin”} ]})
db.auth(‘root’,‘123456’)

添加管理员
在这里插入图片描述
切换，创建，给予权限

连接数据库

为什么存在数组里呢？
数组的方法比较多，操作起来方便
（数据驱动DOM）

引入jq和模板引擎

response返回的内容

把返回的对象放到空数组里面

拼接模板
在这里插入图片描述

要添加到任务数组中，利用模板引擎

有相同的拼接操作，提出来
但老是400我就没提出来了

但是删除按钮一开始是不存在的
利用事件委托，点击删除时，触发ul的事件，执行删除操作