html ajax 异步加载 局部刷新

1. getJSON

• 优点: 简单高效,直接返回处理好的json数据
• 缺点: 只能使用get请求和使用json数据

<script src ='jquery.min.js'></script>
<script>
    $(()=>{				 // $(()=>{}) jquery 页面加载完成执行的写法
        const url='http://xxxxxxxxxx'
        $.getJSON(url,(json)=>{
        	console.log(json)					
        })		
    })
</script>

2.ajax基本形式

<script>
    $(() =>{
        const url='http://xxxxxxxx'			
        $.ajax({
            'url':url,
            // 'tupe':'get',    	// 支持多种请求方式 默认get,可以省略
            // 'date':date,    
            // 'dateType':'json',   // 支持多种数据类型 默认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