美文网首页Angular.js专场HTTP
anggular $http服务 与 jq ajax的区别

anggular $http服务 与 jq ajax的区别

作者: 新林吃遍世界 | 来源:发表于2017-08-17 11:03 被阅读74次
最近项目中有个问题,后台增加了token,来进行权限认证,so,每次增删改查需要提交的数据也变得复杂了
        $.ajax({
        url:serverAccessUrl+'/order/queryorderlistbypage',
        type: 'POST',
        dataType:"json",
        async:false,
            contentType:"application/json",
        data: JSON.stringify(postData)
    })

可是我用的是angular的$http服务啊,亲!每次请求都是400,后来了解了,angular在异步提交数据的时候使用与jq不一样的请求头和数据序列化方式,下面我们就来一探究竟

1 http的传输方式

http协议是以ASCII 码的形式传播的,说白了就是把英文字母用ascll转为一大串对应的数字来进行传播的,这个规范把请求分为三个部分
  • 请求头
  • 状态行
  • 请求主体
那么为什么要这么分。。。。。。。。。。。。。。
  • 请求头: 我们去吃饭吧,肯定去要告诉老板我们要吃什么饭,辣椒要不要,香菜少点,,,,神马的,那这也一样啊,你要我的数据,肯定给我说些什么吧,咋们规定一下,你给我的数据要以何种形式传递,好方便我解析不是?

2 jq与angular请求服务的不同

jQuery使用Content-Type: x-www-form-urlencoded和熟悉的foo=bar&baz=moe序列化来传输数据。AngularJS,然而,使用传输数据Content-Type: application/json和{ "foo": "bar", "baz": "moe" }JSON序列化

jq ajax采用了与浏览器原生表单form提交的方式,提交的数据以键值对的形式序列化:key1=val1&key2=val2,,然而有时我们需要提交很复杂的数据结构,以及json的流行。。。application/json 这个 Content-Type ,我们需要以最上面的形式改造ajax,可是angularpost自带这些东西呀,
      $http({
            url:'',
            method:'',
            data:' '传复杂对象
            params:  以键值对的形式传

})

加上params可以参数就可以转换成key1=value1&key2=value2格式

相关文章

  • anggular $http服务 与 jq ajax的区别

    最近项目中有个问题,后台增加了token,来进行权限认证,so,每次增删改查需要提交的数据也变得复杂了 可是我用的...

  • Vue 基础篇

    Vue 基础篇 一、框架与库的区别 JQ库->DOM(DOM操作) + Ajax请求 art-template库-...

  • AngularJS中$http使用

    在AngularJS中主要使用$http服务与远程http服务器交互,其作用类似于jquery中的$.ajax服务...

  • axios踩坑日志

    1. HTTP请求中的Form Data与Request Payload的区别 jquery中的ajax,data...

  • 20160702收获

    关于如何向JQ的ajax中success函数中传入参数 参考网址:http://www.cnblogs.com/J...

  • Ajax

    ajax 是什么?有什么作用? AJAX 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求)从服务器...

  • ajax.js

    简单用jq的方法让ajax获取本地json文件,别忘记引JQ文件噢,以下是源码! $.ajax({ type:"g...

  • HTTP请求中的Form Data与Request Payloa

    HTTP请求中的Form Data与Request Payload的区别 前端开发中经常会用到AJAX发送异步请求...

  • jQuery实现AJAx

    用Jq实现ajax,能解决很多浏览器的兼容问题,对操作ajax提高了很多的便利。 在满足用户需求上,jq对ajax...

  • angular的其他服务-$http

    服务就是anggular内置的功能,它的本质就是一个对象或功能 $location服务 $location是对原生...

网友评论

    本文标题:anggular $http服务 与 jq ajax的区别

    本文链接:https://www.haomeiwen.com/subject/sregrxtx.html