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，引入顺序如下：

 <script src="./assets/lib/jquery.js"></script>
 <script src="./assets/js/bassApi.js"></script>
 <script src="./assets/js/index.js"></script>

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

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>

</head>

<body class="layui-layout-body">

    <!-- 导入相关的JS文件 -->

    <script src="./assets/lib/jquery.js"></script>
    <script src="./assets/js/bassApi.js"></script>
    <script src="./assets/js/index.js"></script>

</body>

</html>

总结

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

赞 (0)

相关推荐

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

    大家好,不知道各位小伙伴在写项目时向服务器发送ajax请求的时候,在url地址上每写一个分页路径时前面都要加上项目的请求根路径而感到繁琐,下面我就为大家介绍一种简便的方法直接写分页路径就行了. 我们先来看一段代码 : $.ajax({ method: "get", url: "http://api-breakingnews-web.itheima.net/my/userinfo", success: res => { console.log() } }) 以上

  • 使用apiDoc实现python接口文档编写

    apiDoc的安装 npm install apidoc -g 点击官方文档 生成api的终端命令:apidoc -i 代码所在路径-o 生成文件的路径 接口文档的编写 文件的简介 project的介绍写在单独的json文件中apidoc.json: { "name": "project_name", "version": "0.1.0", "description": "who am i ,wh

  • Spring Boot 使用 Swagger 构建 RestAPI 接口文档

    源码地址:https://github.com/laolunsi/spring-boot-examples 目前SpringBoot常被用于开发Java Web应用,特别是前后端分离项目.为方便前后端开发人员进行沟通,我们在SpringBoot引入了Swagger. Swagger作用于接口,让接口数据可视化,尤其适用于Restful APi 本节分两部分介绍,第一部分是SpringBoot引入Swagger的两种方式,第二部分是详细介绍在Web接口上应用Swagger的注解. 本篇文章使用Sp

  • Java开发SpringBoot集成接口文档实现示例

    Java开发SpringBoot集成接口文档实现示例

    目录 swagger vs smart-doc Swagger的代码侵入性比较强 原生swagger不支持接口的参数分组 简单罗列一下smart-doc的优点 SpringBoot集成 smart-doc 引入依赖,版本选择最新版本 新建配置文件smart-doc.json 通过执行maven 命令生成对应的接口文档 访问接口文档 功能增强 1. 开启调试 2. 通用响应体 3. 自定义Header 4. 参数分组 5. idea配置doc 6. 完整配置 小结 之前我在SpringBoot老鸟

  • Spring Boot项目集成Knife4j接口文档的实例代码

    Spring Boot项目集成Knife4j接口文档的实例代码

    目录 1.在pom.xml引入依赖包 2.创建Knife4j配置文件 3.使用Knife4j注解 4.全局参数 Knife4j就相当于是swagger的升级版,对于我来说,它比swagger要好用得多 1.在pom.xml引入依赖包 <!-- Swagger配置依赖knife4j --> <dependency> <groupId>com.github.xiaoymin</groupId> <artifactId>knife4j-spring-b

  • Spring Cloud Gateway 整合 knife4j 聚合接口文档功能

    Spring Cloud Gateway 整合 knife4j 聚合接口文档功能

    当系统中微服务数量越来越多时,如果任由这些服务散落在各处,那么最终管理每个项目的接口文档将是一件十分麻烦的事情,单是记住所有微服务的接口文档访问地址就是一件苦差事了.当如果能够将所有微服务项目的接口文档都统一汇总在同一个可视化页面,那么将大大减少我们的接口文档管理维护工作,为此,我们可以基于 Spring Cloud Gateway 网关 + nacos + knife4j 对所有微服务项目的接口文档进行聚合,从而实现我们想要的文档管理功能 注:本案例需要 springboot 提前整合 nac

  • 使用apidoc管理RESTful风格Flask项目接口文档方法

    使用apidoc管理RESTful风格Flask项目接口文档方法

    使用apidoc管理RESTful风格Flask项目接口文档方法 apidoc项目地址 flask扩展包地址 文档示例地址 1.安装nodejs sudo apt-get install nodejs sudo apt install nodejs-legacy sudo apt install npm 2.安装apidoc npm install apidoc -g 3.Flask扩展包安装 pip install flask-apidoc 4.添加扩展包到Flask项目 依赖环境 flask

  • Django 自动生成api接口文档教程

    最近在写测试平台,需要实现一个节点服务器的api,正好在用django,准备使用djangorestframework插件实现. 需求 实现一个接口,在调用时,通过传递的参数,直接运行对应项目的自动化测试 环境 Python3.6 ,PyCharm,W7 项目结构 功能实现 流程 我们要做的就是实现以上流程 安装 pip install djangorestframework pip install markdown pip install django-filter # Filtering s

  • Spring boot集成swagger2生成接口文档的全过程

    Spring boot集成swagger2生成接口文档的全过程

    一.Swagger介绍 Swagger是一个规范和完整的框架,用于生成.描述.调用和可视化RESTful风格的web服务.目标是使客户端和文件系统作为服务器以同样的速度来更新文件的方法,参数和模型紧密集成到服务器.这个解释简单点来讲就是说,swagger是一款可以根据restful风格生成的接口开发文档,并且支持做测试的一款中间软件. 二.使用swagger优势 1.对于后端开发人员来说 不用再手写Wiki接口拼大量参数,避免手写错误 对代码侵入性低,采用全注解的方式,开发简单 方法参数名修改.

  • Go语言使用swagger生成接口文档的方法

    swagger介绍 Swagger本质上是一种用于描述使用JSON表示的RESTful API的接口描述语言.Swagger与一组开源软件工具一起使用,以设计.构建.记录和使用RESTful Web服务.Swagger包括自动文档,代码生成和测试用例生成. 在前后端分离的项目开发过程中,如果后端同学能够提供一份清晰明了的接口文档,那么就能极大地提高大家的沟通效率和开发效率.可是编写接口文档历来都是令人头痛的,而且后续接口文档的维护也十分耗费精力. 最好是有一种方案能够既满足我们输出文档的需要又能

随机推荐