后端提供给前端restful的接口,前端怎么操作,我想要一个具体的案例,可以提供下吗?

后端提供给前端restful的接口,前端怎么操作,我想要一个具体的案例,可以提供下吗?

阅读 15.6k
9 个回答

案例是不,案例来了:

//后端接口
/**
*post/get
*参数值 1 2 3
*返回数据类型  json\xml\html
**/
function resful_1() {

}

$.ajax({
   type: "post/get",
   url: "admin/user/resful_1",
   data: {id:id,name:name},
   success: function (data) {
      if(data.state==200){
          alert(data.msg);
      }else{
          alert('请求失败'+data.msg);
      }
   }
});

跟普通的接口一样,约定好url地址请求方式请求参数返回值类型返回值标记等等就好了

首先后端的提供的接口程序里面 肯定声明了个变量来存储 前端要传入的值,而实际上 前端用 ajax传值就是 给后台那个相应的变量附上对应的值。费心给你找了个ajax的具体例子 :http://www.imooc.com/article/... 如果是表单提交的话 你只给 input 标签里的 name 属性 写上 相应的接口变量,而你那input里面写的值就对应了那个接口参数。 这个后台给你接口后,他肯定会告诉你他写了哪些变量来接收,跟他沟通那个参数就好了。望 采纳,嘻嘻~

发起各种http请求啊,比如通过ajax或者fetch

跟普通的接口一样请求操作。

就是各种put,delete,post等,指定向后台请求的方式,同一个url因请求方式不同,后台就会有相应的controller方法处理你的请求。

restful只是一种风格而已,正常使用啊。
${pageContext.request.contextPath}/training/${parm}/more.html

可以下面那样,把type换成对应的请求就可以了。

$.ajax({
        type: "put",
        url: "/bear/"+id,
        contentType: 'application/json',
        data: JSON.stringify({ name:name,pwd:pwd}),
        success: function (data, status) {
            if(status=='success'){
                alert(status);
            }else{
                alert('failed');
            }
        }
    });

就是把jq的$.ajax里的type换成put,post,get,delete这样子,接口url可能一样,但是由于type的不同而返回不同的值。后端提供接口会说明这个接口的type是什么的,你就用那个type就可以得到返回值了。(以前只用get和post,现在只不过多了几个type而已)

restful 只是一种借口风格,跟普通接口是一样的,不过前台需要根据HTTP请求的状态码来判断是否请求成功!

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题