html页面异步刷新页面,html ajax 异步加载 局部刷新

1. getJSON

优点: 简单高效,直接返回处理好的json数据

缺点: 只能使用get请求和使用json数据

$(()=>{

const url='http://xxxxxxxxxx'

$.getJSON(url,(json)=>{

console.log(json)

})

})

2.ajax基本形式

$(() =>{

const url='http://xxxxxxxx'

$.ajax({

'url':url,

// 支持多种请求方式 默认get,可以省略

// 'tupe':'get',

// 'date':date,

// 支持多种数据类型 默认json,可以省略

// 'dateType':'json',

'success':(json)=>{

console.log(json)

}

// 错误处理 可以省略

// 'error':(error)=>{}

})

})

3.ajax请求头修改(带身份令牌)

$(()=>{

$.ajax({

url:'https://xxxxxxxxxxx',

// 请求头添加身份令牌

headers:{"token":"35ad60445cea11eXXXXXXXXXXXXXXXX"},

success:(json)=>{

console.log(json)

}

})

})

4.错误

ERR_CERT_COMMON_NAME_INVALID

可能是浏览器阻止了访问请求

在浏览器的地址栏输入请求的URL

在阻止页面选择高级->继续访问就OK

原文：https://www.cnblogs.com/ham-731/p/12121783.html