ajax接口文档url路径的简写实例 - 网站

ajax接口文档url路径的简写实例

分类:js_jQuery答疑 - 常见问题 · 发布时间:2022-09-20 06:58 · 阅读:8423

前端工程师将来打交道最多的是Http API接口,此种接口会提供一个URL地址暴露在互联网上,可以通过编写Ajax代码去与之交互来完成功能,下面这篇文章主要给大家介绍了关于ajax接口文档url路径简写的相关资料,需要的朋友可以参考下

大家好,不知道各位小伙伴在写项目时向服务器发送ajax请求的时候,在url地址上每写一个分页路径时前面都要加上项目的请求根路径而感到繁琐,下面我就为大家介绍一种简便的方法直接写分页路径就行了。

我们先来看一段代码 :

 $.ajax({ method: "get", url: "http://api-breakingnews-web.itheima.net/my/userinfo", success: res => { console.log() } })

以上我用的是Jquery方法向服务器发送请求的方式,里面的url地址

http://api-breakingnews-web.itheima.net/my/userinfo

是由项目的请求根路径http://api-breakingnews-web.itheima.net和分页路径/my/userinfo组成的

我们只需要新建一个js文件,在里面写入以下代码:

 //设置请求根路径 $.ajaxPrefilter(options => { options.url = "http://api-breakingnews-web.itheima.net" + options.url; })

其中http://api-breakingnews-web.itheima.net就是项目的根路径,当然,不同的项目根路径都不一样,我只是做个示例,你们在写的时候只需要把根路径换成你们项目的请求根路径就可以了。这个代码是建立在Jquery的 基础上的,所以要先引入Jquery,引入顺序如下:

 

其中第一个是Jquery.js文件,第二个是我们新建的js文件,第三个是我们项目分页的js文件,顺序不能换,不然就没有效果了,这三个文件都要在项目分页的html文件底部引入,如下图

   Document 

总结

到此这篇关于ajax接口文档url路径简写的文章就介绍到这了,更多相关ajax接口文档url路径内容请搜索0133技术站以前的文章或继续浏览下面的相关文章希望大家以后多多支持0133技术站!

标签:
ajax 接口文档 url

相关文章

AJAX乱码与异步同步以及封装jQuery库实现步骤详解

这篇文章主要介绍了异步通信技术AJAX乱码问题、异步与同步、手动封装一个jQuery库,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧

AJAX的跨域问题解决方案

跨域简单的说,就是从一个域名的网页去访问另一个域名网页的资源,下面这篇文章主要给大家介绍了关于AJAX的跨域问题解决的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

利用Ajax实现智能回答的机器人示例代码

这篇文章主要介绍了利用Ajax实现智能回答的机器人,本文结合示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

ajax、axios和fetch之间优缺点重点对比总结

今天被问到用没用过ajax axios,我回答经常用axios,但ajax用的比较少,下面这篇文章主要给大家介绍了关于ajax、axios和fetch之间优缺点重点对比总结的相关资料,需要的朋友可以参考下

如何通过axios发起Ajax请求(最新推荐)

Axios是专注于网络数据请求的库,相比于原生的XMLHttpRequest对象,axios简单易用。相比于Jquery,axios更加轻量化,只专注于网络数据请求,这篇文章主要介绍了如何通过axios发起Ajax请求,需要的朋友可以参考下

返回分类 返回首页