web前端|js教程
javascript,AngularJS,Post
web前端-js教程
下面我就为大家分享一篇AngularJS下$http服务Post方法传递json参数的实例,具有很好的参考价值,希望对大家有所帮助。
wpf全景控件panorama源码,nox连vscode,ubuntu启用wifi不见了,tomcat网站访问,sqlite查看表属性,浏览器 js 截屏插件,移动前端app开发框架,爬虫omega人鱼陷落,aes 加密 php,seo营销与广告seo顾问,资源网站下载模板,网页720度全景h5,免费的网站登录模板,vc 学生管理系统代码,禾疆小程序lzw
本文主要介绍如何使用Angularjs $http服务以POST方法向服务器传递json对象数据。
laychat 源码下载,vscode黑色背景,ubuntu分区怎么设置,tomcat分析,sqlite累计和,高防高宽带服务器,wordpress独立下载页面插件,开发框架前端推荐,clojure 爬虫,php数组添加数据,嘉兴seo优化公司,支付宝网站登录是否分页,树形菜单 网页,二手汽车手机网站模板,滑动的页面制作,订单管理系统jsp,卡尔曼滤波matlab程序lzw
具体如下:
内容 付费 源码,ubuntu导入色彩配置,tomcat732位下载,拼多多爬虫挂单,php最开始使用的标记是,承德seo营销lzw
A、$http POST方法默认提交数据的类型为application/json
var data = {wid: , praise : 25}; $http.post(url, data).success(function(result) { // });
最终发送的请求是:
POST HTTP/1.1 Content-Type: application/json;charset=utf-8 {wid: ,praise:25}
默认的这种方式可以直接将json对象以字符串的形式传递到服务器中,比较适合 RESTful 的接口。但是php脚本的$_POST无法从请求体中获得json数据。
此时可以用:
$data = file_get_contents("php://input"); //获得原始输入流
注:enctype=”multipart/form-data” 的时候 php://input 是无效的
获得请求原始输入流之后再做相应处理就可以获得json数据了。
B、 采用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: o-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: ,click_rate:87};Comment.save("php/updateWork.php","../userdata/work_content.json",JSON.stringify(updateClickRate));
最终发送的请求是:
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
浅谈Node 调试工具入门教学
webpack 打包压缩js和css的方法示例
动态加载、移除js/css文件的示例代码