Ajax-URL

638 词
URL

URL#

认识URL,知道作用及组成,方便与后端沟通

URL: 统一资源定位符 ,简称 网址 ,用于访问网络上的资源

组成#

http:// hmajax.itheima.net /api/province 为例

协议: http://

http协议:超文本传输协议,规定浏览器和服务器之间传输数据的 格式

域名: hmajax.itheima.net

域名用以标记服务器在互联网中方位

如:百度服务器:baidu.com、淘宝服务器:www.taobao.com

资源路径: /api/province

资源路径用以标记资源在服务器下的 具体位置

URL查询参数#

定义:浏览器提供给服务器的 额外信息 ,让服务器返回浏览器想要的数据

语法:http://xxxx.com/xxx/xxx ?参数名1=值1&参数名2=值2 ,在URL之后以 ? 作为连接符,后面接查询参数(类似筛选条件),多个查询参数用 & 连接

axios查询参数#

语法:使用axios提供的 params 选项(parameters)

注意:axios在运行时会把参数名和值以 ?参数名=值 的形式拼接到url后面

// 例:http://hmajax.itheima.net/api/city,参数名:pname,值:省份名
axios({
    url:'http://hmajax.itheima.net/api/city', // 目标资源地址
    params:{
        // 参数名:值,
        pname: '河北省',
    }
}).then(result=>{
    // 对服务器返回的数据做后续处理
    console.log(result);
    document.querySelector('.city').innerHTML = result.data.list
})