前端技术文档和网站数据接口使用指南详情

网站开发中有关html、css、js等前端技术文档和易助科技网网站数据接口使用文档及相关资料下载!

使用测试接口开发

来源:易助科技浏览量:10收藏

在使用正式接口之前,您可以试着使用 测试接口 来进行网站开发,测试接口与正式接口基本相同,只是在请求地址,请求参数稍有不同,两者返回的数据及其类型都是相同的。

如果您打算使用JQuery获取接口数据,您可以下载附件,附件中的AjaxAsync.js文件已经封装了Ajax的get方法和post方法可供使用。使用方法如下:


1. 将下载下来的文件解压,将AjaxAsync.js、json2.js和jquery.min.js文件添加到您的网站中,并在需要使用的页面中添加引用,AjaxAsync.js 中的请求根路径,如果系统没有变更或更新通知这个路径不用修改。jquery.min.js您可以使用其他版本。


2. AjaxAsync.js中有2个方法api.getAsync()和api.postAsync()可供使用,您可以使用它们来获取接口数据和调用接口上的方法。json2.js是用来格式化数据的。


3. 调用示例:


  api.postAsync('/api/newsRelease/query/newsListByColumWithUser', JSON.stringify({
    userKeys: '',
    columId: '',
    pageSize: 10,
    sortField: 'sort',
   })).then(res => {
       let resJson = JSON.parse(res)
      if (resJson.status === 200) {
        let datas = resJson.result
        console.log(datas)
      } else {
        console.log('加载失败:' + resJson.message)
      }
  }).catch(err => {
    console.log(err)
 }) 


这是一个post方法的请求示例,get方法与之相似,使用api.getAsync方法即可,方法第一个参数是接口的请求地址:'/api/newsRelease/query/newsListByColumWithUser',第二个参数是JSON格式对象,为请求参数JSON.stringify({..}) ,返回的数据(如果有)在result中。