html ajax 异步加载 局部刷新
2024-10-08 23:36:29
1. getJSON
- 优点: 简单高效,直接返回处理好的json数据
- 缺点: 只能使用get请求和使用json数据
<script src ='jquery.min.js'></script>
<script>
$(()=>{
const url='http://xxxxxxxxxx'
$.getJSON(url,(json)=>{
console.log(json)
})
})
</script>
2.ajax基本形式
<script>
$(() =>{
const url='http://xxxxxxxx'
$.ajax({
'url':url,
// 支持多种请求方式 默认get,可以省略
// 'tupe':'get',
// 'date':date,
// 支持多种数据类型 默认json,可以省略
// 'dateType':'json',
'success':(json)=>{
console.log(json)
}
// 错误处理 可以省略
// 'error':(error)=>{}
})
})
</script>
3.ajax请求头修改(带身份令牌)
<script src="js/jquery.min.js"></script>
<script>
$(()=>{
$.ajax({
url:'https://xxxxxxxxxxx',
// 请求头添加身份令牌
headers:{"token":"35ad60445cea11eXXXXXXXXXXXXXXXX"},
success:(json)=>{
console.log(json)
}
})
})
</script>
4.错误
- ERR_CERT_COMMON_NAME_INVALID
可能是浏览器阻止了访问请求
在浏览器的地址栏输入请求的URL
在阻止页面选择高级->继续访问就OK
最新文章
- 项目管理-Kick OFF 简称KO
- js ajax简单使用
- SPOJ 10628 Count on a tree（Tarjan离线LCA+主席树求树上第K小）
- FindBugs工具常见问题
- MySQL数据库的基本操作命令
- javascript笔记整理（事件）
- 以交互方式使用exp/imp的演示
- JAVA学习篇--JSTL基金会
- Akka入门实例
- Bother
- Java高新技术 反射机制
- 如何激活Microsoft Office 2010？
- 深入理解StrongReference，SoftReference， WeakReference和PhantomReference
- day13 内置函数一
- Redux 学习总结
- 洛谷P3975 弦论
- 饮冰三年-人工智能-Python-11之HelloWorld
- [工具/PC]计算机中丢失libiconv-2.dll,丢失libintl-8.dll,无法定位程序输入点libiconv于动态链接库libiconv-2.dll上问题解决方法
- P1141 01迷宫 DFS （用并查集优化）
- 14.Mysql事务控制和锁定