php采用ajax数据提交post与post常见方法总结


Posted in PHP onNovember 10, 2014

本文实例讲述了php采用ajax数据提交post与post常见方法。分享给大家供大家参考。具体方法如下:

在很多情况下我们使用ajax是不会有什么问题的,但有时会碰到ajax数据提交post不完整的问题,这里举例给大家分析一下。

下边是一个标准的ajax请求代码,正常情况下是不会有任何问题的,但是,在特定情况下就会出现问题,比如,username=fdas&321的时候,或者参数值中出现了&符号,经过了N多遍测试,发现数据都传输了,但是打印出来数据是半截,最后仔细观察头信息发现传输的头不对,问题定位到了js上,发现字符串拼接的方式会造成这种问题username=fdas&321&password=password这样就是错误了的。所以我们需要把传输的数据变成 {username:username,passsword:password}这种json格式即可避免问题!

示例代码如下:

$(".submit").bind('click',function(){

var username = $("input[name='username']").val();

$.ajax({

url:"post",

type:"post",

dataType:"json",

data:"username="+username+"&password="+password,

timeout:5000,

error:function(){

alert(1)

},

success:function(){

}

})

})

补充:四种常见的 POST 提交数据方式

① application/x-www-form-urlencoded

这应该是最常见的 POST 提交数据的方式了。浏览器的原生 form 表单,如果不设置 enctype 属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据。请求类似于下面这样(无关的请求头在本文中都省略掉了):

POST https://3water.com HTTP/1.1

Content-Type: application/x-www-form-urlencoded;charset=utf-8

 

title=test&sub%5B%5D=1&sub%5B%5D=2&sub%5B%5D=3

首先,Content-Type 被指定为 application/x-www-form-urlencoded;其次,提交的数据按照 key1=val1&key2=val2 的方式进行编码,key 和 val 都进行了 URL 转码。大部分服务端语言都对这种方式有很好的支持。例如 PHP 中,$_POST['title'] 可以获取到 title 的值,$_POST['sub'] 可以得到 sub 数组。

很多时候,我们用 Ajax 提交数据时,也是使用这种方式。例如 JQuery 和 QWrap 的 Ajax,Content-Type 默认值都是「application/x-www-form-urlencoded;charset=utf-8」。

② multipart/form-data

这又是一个常见的 POST 数据提交的方式。我们使用表单上传文件时,必须让 form 的 enctyped 等于这个值。直接来看一个请求示例:

POST https://3water.com HTTP/1.1

Content-Type:multipart/form-data; boundary=----WebKitFormBoundaryrGKCBY7qhFd3TrwA

 

------WebKitFormBoundaryrGKCBY7qhFd3TrwA

Content-Disposition: form-data; name="text"

 

title

------WebKitFormBoundaryrGKCBY7qhFd3TrwA

Content-Disposition: form-data; name="file"; filename="chrome.png"

Content-Type: image/png

 

PNG ... content of chrome.png ...

------WebKitFormBoundaryrGKCBY7qhFd3TrwA--

这个例子稍微复杂点。首先生成了一个 boundary 用于分割不同的字段,为了避免与正文内容重复,boundary 很长很复杂。然后 Content-Type 里指明了数据是以 mutipart/form-data 来编码,本次请求的 boundary 是什么内容。消息主体里按照字段个数又分为多个结构类似的部分,每部分都是以 --boundary 开始,紧接着内容描述信息,然后是回车,最后是字段具体内容(文本或二进制)。如果传输的是文件,还要包含文件名和文件类型信息。消息主体最后以 --boundary-- 标示结束。关于 mutipart/form-data 的详细定义,请前往 rfc1867 查看。

这种方式一般用来上传文件,各大服务端语言对它也有着良好的支持。
上面提到的这两种 POST 数据的方式,都是浏览器原生支持的,而且现阶段原生 form 表单也只支持这两种方式。但是随着越来越多的 Web 站点,尤其是 WebApp,全部使用 Ajax 进行数据交互之后,我们完全可以定义新的数据提交方式,给开发带来更多便利。

③ application/json

application/json 这个 Content-Type 作为响应头大家肯定不陌生。实际上,现在越来越多的人把它作为请求头,用来告诉服务端消息主体是序列化后的 JSON 字符串。由于 JSON 规范的流行,除了低版本 IE 之外的各大浏览器都原生支持 JSON.stringify,服务端语言也都有处理 JSON 的函数,使用 JSON 不会遇上什么麻烦。

JSON 格式支持比键值对复杂得多的结构化数据,这一点也很有用。记得我几年前做一个项目时,需要提交的数据层次非常深,我就是把数据 JSON 序列化之后来提交的。不过当时我是把 JSON 字符串作为 val,仍然放在键值对里,以 x-www-form-urlencoded 方式提交。

Google 的 AngularJS 中的 Ajax 功能,默认就是提交 JSON 字符串。例如下面这段代码:

var data = {'title':'test', 'sub' : [1,2,3]};

$http.post(url, data).success(function(result) {

...

});

最终发送的请求是:
POST https://3water.com HTTP/1.1

Content-Type: application/json;charset=utf-8

 

{"title":"test","sub":[1,2,3]}

这种方案,可以方便的提交复杂的结构化数据,特别适合 RESTful 的接口。各大抓包工具如 Chrome 自带的开发者工具、Firebug、Fiddler,都会以树形结构展示 JSON 数据,非常友好。但也有些服务端语言还没有支持这种方式,例如 php 就无法通过 $_POST 对象从上面的请求中获得内容。这时候,需要自己动手处理下:在请求头中 Content-Type 为 application/json 时,从 php://input 里获得原始输入流,再 json_decode 成对象。一些 php 框架已经开始这么做了。

当然 AngularJS 也可以配置为使用 x-www-form-urlencoded 方式提交数据。

④ text/xml

之前提到过 XML-RPC(XML Remote Procedure Call)。它是一种使用 HTTP 作为传输协议,XML 作为编码方式的远程调用规范。典型的 XML-RPC 请求是这样的:

POST https://3water.com HTTP/1.1

Content-Type: text/xml

 

<!--?xml version="1.0"?-->

<methodcall>

<methodname>examples.getStateName</methodname>

<params>

<param>

<value><i4>41</i4></value>

 

</params>

</methodcall>

XML-RPC 协议简单、功能够用,各种语言的实现都有。它的使用也很广泛,如 WordPress 的 XML-RPC Api,seo/seo.html" target="_blank">搜索引擎的 ping 服务等等。JavaScript 中,也有现成的库支持以这种方式进行数据交互,能很好的支持已有的 XML-RPC 服务。不过,我个人觉得 XML 结构还是过于臃肿,一般场景用 JSON 会更灵活方便。

希望本文所述对大家的PHP程序设计有所帮助。

PHP 相关文章推荐
帖几个PHP的无限分类实现想法~
Jan 02 PHP
PHP中用header图片地址 简单隐藏图片源地址
Apr 09 PHP
php 无法载入mysql扩展
Mar 12 PHP
PHP读取汉字的点阵数据
Jun 22 PHP
Zend Framework入门知识点小结
Mar 19 PHP
php中关于长度计算容易混淆的问题分析
May 27 PHP
PHP接口并发测试的方法(推荐)
Dec 15 PHP
laravel批量生成假数据的方法
Oct 09 PHP
php传值和传引用的区别点总结
Nov 19 PHP
PHP CURL实现模拟登陆并上传文件操作示例
Jan 02 PHP
PHP读取文件,解决中文乱码UTF-8的方法分析
Jan 22 PHP
基于PHP实现短信验证码发送次数限制
Jul 11 PHP
php学习笔记之面向对象
Nov 08 #PHP
php学习笔记之基础知识
Nov 08 #PHP
推荐一款MAC OS X 下php集成开发环境mamp
Nov 08 #PHP
php使用fgetcsv读取csv文件出现乱码的解决方法
Nov 08 #PHP
php中file_get_contents与curl性能比较分析
Nov 08 #PHP
Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 2611816 bytes)
Nov 08 #PHP
PHP中使用循环实现的金字塔图形
Nov 08 #PHP
You might like
《Pokemon Sword·Shield》系列WEB动画《薄明之翼》第2话声优阵容公开!
2020/03/06 日漫
php自定义的格式化时间示例代码
2013/12/05 PHP
php微信公众号开发模式详解
2016/11/28 PHP
javascript Object与Function使用
2010/01/11 Javascript
js创建数据共享接口——简化框架之间相互传值
2011/10/23 Javascript
javascript中encodeURI和decodeURI方法使用介绍
2013/05/06 Javascript
查找iframe里元素的方法可传参
2013/09/11 Javascript
JS实现让访问者自助选择网页文字颜色的方法
2015/02/24 Javascript
使用nodejs开发cli项目实例
2015/06/03 NodeJs
实例分析nodejs模块xml2js解析xml过程中遇到的坑
2017/03/18 NodeJs
详解基于webpack和vue.js搭建开发环境
2017/04/05 Javascript
SpringMVC+bootstrap table实例详解
2017/06/02 Javascript
Vue的MVVM实现方法
2017/08/16 Javascript
vue-router路由懒加载和权限控制详解
2017/12/13 Javascript
JS无限级导航菜单实现方法
2019/01/05 Javascript
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
2019/01/29 Javascript
js实现碰撞检测
2021/01/29 Javascript
Python2.5/2.6实用教程 入门基础篇
2009/11/29 Python
Python构造自定义方法来美化字典结构输出的示例
2016/06/16 Python
python字典多键值及重复键值的使用方法(详解)
2016/10/31 Python
Python完成毫秒级抢淘宝大单功能
2019/06/06 Python
Django 外键的使用方法详解
2019/07/19 Python
Python 解析简单的XML数据
2020/07/24 Python
python 发送邮件的示例代码(Python2/3都可以直接使用)
2020/12/03 Python
StubHub西班牙:购买和出售全球活动门票
2017/06/05 全球购物
小蚁科技官方商店:YI Technology
2019/08/23 全球购物
网络工程系信息安全技术专业大学生求职信
2013/10/22 职场文书
军训自我鉴定
2013/12/14 职场文书
开水果连锁店创业计划书
2013/12/29 职场文书
机电专业个人求职信范文
2013/12/30 职场文书
七年级英语教学反思
2016/02/15 职场文书
2016年庆祝六一儿童节活动总结
2016/04/06 职场文书
导游词之香港-太平山顶
2019/10/18 职场文书
python 提取html文本的方法
2021/05/20 Python
Python+OpenCV实现在图像上绘制矩形
2022/03/21 Python
详解Flutter网络请求Dio库的使用及封装
2022/04/14 Java/Android