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