做网站|网站建设,就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载!

使用测试接口开发
来源:易助科技浏览量:8收藏

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

如果您打算使用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是用来格式化数据的。

2.调用示例:

  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中。