怎么用Post方法传递json参数

这次给大家带来怎么用Post方法传递json参数,用Post方法传递json参数的注意事项有哪些,下面就是实战案例,一起来看一下。

本文主要介绍如何使用Angularjs $http服务以POST方法向服务器传递json对象数据。

具体如下:

一、$http POST方法默认提交数据的类型为application/json

var data = {'wid':'0', 'praise' : '25'}; $http.post(url, data).success(function(result) {  // });

登录后复制

最终发送的请求是:

POST http://www.example.com HTTP/1.1 Content-Type: application/json;charset=utf-8  {'wid':'0','praise':'25'}

登录后复制

默认的这种方式可以直接将json对象以字符串的形式传递到服务器中,比较适合 RESTful 的接口。但是php脚本的$_POST无法从请求体中获得json数据。

此时可以用:

$data = file_get_contents("php://input"); //获得原始输入流

登录后复制

注:enctype=”multipart/form-data” 的时候 php://input 是无效的

获得请求原始输入流之后再做相应处理就可以获得json数据了。

二、 采用x-www-form-urlencoded 方式提交获得json数据

app.factory("Comment",function($http){ return {  get : function(commentFileUrl) {   return $http({    method: "GET",    url: commentFileUrl,    params: {R:Math.random()},    headers: {'Cache-Control':'no-cache'}   });  },  //保存一个评论  save : function(toUrl,saveFileUrl,Data) {   $http({    method: "POST",    url: toUrl,    data: {saveUrl:saveFileUrl,commit:Data},    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },    transformRequest: function(obj) {     var str = [];     for (var p in obj) {      str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));     }     return str.join("&");    }   }).success(function(data){    console.log("数据已保存!");   }).error(function(data) {    alert("数据保存失败,错误信息:" + JSON.stringify({data:data}));   });  } }});var updateClickRate={'wid':'0','click_rate':'87'};Comment.save("php/updateWork.php","../userdata/work_content.json",JSON.stringify(updateClickRate));

登录后复制

最终发送的请求是:

怎么用Post方法传递json参数

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

Koa2实现文件上传步奏详解

jQuery实现上传图片时预览功能

以上就是怎么用Post方法传递json参数的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2769700.html

(0)
上一篇 2025年3月8日 12:25:11
下一篇 2025年3月8日 12:25:21

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JS发送json格式POST请求实现步奏

    这次给大家带来JS发送json格式POST请求实现步奏,JS发送json格式POST请求的注意事项有哪些,下面就是实战案例,一起来看一下。 登录后复制 一、获取url所有参数值 function US() {var name, value;…

    编程技术 2025年3月8日
    200
  • js代码实现计算器

    这篇文章介绍的内容是关于js代码实现计算器,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 nbsp;html>             function myjs(){ var ft = document.getEle…

    编程技术 2025年3月8日
    200
  • 深入了解JavaScript的事件机制

    这篇文章介绍的内容是深入了解JavaScript的事件机制,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下什么是事件 首先用一个人来比喻吧,人都会睡觉,但是只有人感觉到困了才会去睡觉。用程序的话来讲,人这个对象存在一个睡觉的方…

    编程技术 2025年3月8日
    200
  • yii2 加载css,js文件的方式

    这篇文章介绍的内容是yii2 加载css,js文件的方式,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 1. 视图页面直接加载 $css = registerCss($css,[‘type’=>’text/css’],…

    编程技术 2025年3月8日
    200
  • Django如何加载css和js文件以及静态图片

    这篇文章介绍的内容是关于Django如何加载css和js文件以及静态图片,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 一、首先我们应该创立一个文件夹名字为static 该文件夹用于用于保存和存储css,js和图片文件 我们…

    2025年3月8日 编程技术
    200
  • Vue.js如何在浏览器内实现模版渲染

    这篇文章介绍的内容是Vue.js如何在浏览器内实现模版渲染,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 渲染:获取后端的数据,按照一定的规则加载到写好的模板中,输出成在浏览器中显示的html.vue.js是在前端(即浏览器…

    编程技术 2025年3月8日
    200
  • 一些简单的Vue.js的指令总结

    这篇文章介绍的内容是一些简单的Vue.js的指令总结,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 html页面: {{message}} 登录后复制 页面中的数据就是data中的数据 模版指令:控制模块的内容 v-text…

    编程技术 2025年3月8日
    200
  • Echarts如何下载.js文件格式的中国地图

    这篇文章介绍的内容是关于Echarts如何下载.js文件格式的中国地图,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 早上用到echarts的中国地图map时,需要用到china.js文件,但echarts的官网地图js下载…

    2025年3月8日
    200
  • JavaScript如何实现前端缓存

    在前端浏览器中,有些数据(比如数据字典中的数据),可以在第一次请求的时候全部拿过来保存在js对象中,以后需要的时候就不用每次都去请求服务器了。对于那些大量使用数据字典来填充下拉框的页面,这种方法可以极大地减少对服务器的访问。这种方法特别适用…

    编程技术 2025年3月8日
    200
  • js如何获取本地图片显示到浏览器并上传至服务器

    这篇文章介绍的内容是关于浏览器显示本地图片的预览图,调用后端接口将图片上传至服务器,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 一、jsp页面 nbsp;html PUBLIC “-//W3C//DTD HTML 4.01…

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论