AngularJS下$http服务Post方法传递json参数的实例

前端之家收集整理的这篇文章主要介绍了AngularJS下$http服务Post方法传递json参数的实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

具体如下:

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

最终发送的请求是:

{'wid':'0','praise':'25'}

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

此时可以用:

PHP://input"); //获得原始输入流

PHP://input 是无效的

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

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

评论 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));

最终发送的请求是:

然后PHP服务端通过$_POST['commit'] 对象就可以获得json字符串了。json对象用于http数据传输方便易用,相比xml更加小巧轻便。希望本文对你有所帮助。

推荐一篇文章

PHP服务端通过$_POST['commit'] 对象就可以获得json字符串了。

json对象用于http数据传输方便易用,相比xml更加小巧轻便。希望本文对你有所帮助。

以上这篇AngularJS下$http服务Post方法传递json参数的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/32972.html

猜你在找的JavaScript相关文章