热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

javascript-jQuery的serializeArray对象赋值问题

目前的情况是这样的,后端采用PHP的YII框架,通过view方式将数据返回给前端。其中有一个form表单,通过绑定onclick事件,把php获取过来的数据请求到另外一个后端,即如下的sendAction.php。问题:通过jQuery的se...
目前的情况是这样的,后端采用PHP的YII框架,通过view方式将数据返回给前端。

其中有一个form表单,通过绑定onclick事件,把php获取过来的数据请求到另外一个后端,即如下的sendAction.php。
问题:通过jQuery的serializeArray()方法赋值后,生成了一个对象,请问如何往这个对象赋值呢(比如如下代码,通过php获取的$results,往postdata这个对象里赋值,以便sendAction.php能够接受到这个value)?下面这段代码显示key对应的results传过去了,但是对应的results的value没有传过来,在后端打印的话,显示为[object object]

function doAction(id){
        var url = 'sendAction.php';
        var postdata =  $("#form").serializeArray();
        postdata[postdata.length]={name:'id',value:id};
        var results = $results))?>;
        postdata[postdata.length]={name:'results',value:results};
        $.ajax({
            type: "POST",
            url: url,
            data:postdata,
            //dataType:"json",
            success:function(){
              alert("发送成功");
            };
        });
    }

回复内容:

目前的情况是这样的,后端采用PHP的YII框架,通过view方式将数据返回给前端。

其中有一个form表单,通过绑定onclick事件,把php获取过来的数据请求到另外一个后端,即如下的sendAction.php。
问题:通过jQuery的serializeArray()方法赋值后,生成了一个对象,请问如何往这个对象赋值呢(比如如下代码,通过php获取的$results,往postdata这个对象里赋值,以便sendAction.php能够接受到这个value)?下面这段代码显示key对应的results传过去了,但是对应的results的value没有传过来,在后端打印的话,显示为[object object]

function doAction(id){
        var url = 'sendAction.php';
        var postdata =  $("#form").serializeArray();
        postdata[postdata.length]={name:'id',value:id};
        var results = $results))?>;
        postdata[postdata.length]={name:'results',value:results};
        $.ajax({
            type: "POST",
            url: url,
            data:postdata,
            //dataType:"json",
            success:function(){
              alert("发送成功");
            };
        });
    }

var results = $results))?>;

相当于 var results = {results: theJsonObject}; 对吧?
而http协议传输数据的时候是不可能把数组传递给php的,而是特定格式的字符串,也许是json字符串,也许是xml,也许是常见的 key1=value1&key2=value2 方式,没问题吧?
所以,ajax提交的时候必然会把postdata转换为字符串,而此时postdata是一个嵌套数组的时候,也许会发生问题,所以导致了你遇到的问题。
建议把上面那行修改成

var results = '$results))?>';

这样就相当于var results = '{results: theJsonObjct}',是一个普通的字符串了,php端得到之后再json_decode一下就可以恢复,你觉得呢?

推荐阅读
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • 本文介绍了如何使用jQuery和AJAX来实现动态更新两个div的方法。通过调用PHP文件并返回JSON字符串,可以将不同的文本分别插入到两个div中,从而实现页面的动态更新。 ... [详细]
  • Jquery 跨域问题
    为什么80%的码农都做不了架构师?JQuery1.2后getJSON方法支持跨域读取json数据,原理是利用一个叫做jsonp的概念。当然 ... [详细]
  • 本文介绍了高校天文共享平台的开发过程中的思考和规划。该平台旨在为高校学生提供天象预报、科普知识、观测活动、图片分享等功能。文章分析了项目的技术栈选择、网站前端布局、业务流程、数据库结构等方面,并总结了项目存在的问题,如前后端未分离、代码混乱等。作者表示希望通过记录和规划,能够理清思路,进一步完善该平台。 ... [详细]
  • 本文介绍了如何使用JSONObiect和Gson相关方法实现json数据与kotlin对象的相互转换。首先解释了JSON的概念和数据格式,然后详细介绍了相关API,包括JSONObject和Gson的使用方法。接着讲解了如何将json格式的字符串转换为kotlin对象或List,以及如何将kotlin对象转换为json字符串。最后提到了使用Map封装json对象的特殊情况。文章还对JSON和XML进行了比较,指出了JSON的优势和缺点。 ... [详细]
  • 本文介绍了Java后台Jsonp处理方法及其应用场景。首先解释了Jsonp是一个非官方的协议,它允许在服务器端通过Script tags返回至客户端,并通过javascript callback的形式实现跨域访问。然后介绍了JSON系统开发方法,它是一种面向数据结构的分析和设计方法,以活动为中心,将一连串的活动顺序组合成一个完整的工作进程。接着给出了一个客户端示例代码,使用了jQuery的ajax方法请求一个Jsonp数据。 ... [详细]
  • 本文介绍了使用FormData对象上传文件同时附带其他参数的方法。通过创建一个表单,将文件和参数添加到FormData对象中,然后使用ajax发送POST请求进行文件上传。在发送请求时,需要设置processData为false,告诉jquery不要处理发送的数据;同时设置contentType为false,告诉jquery不要设置content-Type请求头。 ... [详细]
  • 本文介绍了DataTables插件的官方网站以及其基本特点和使用方法,包括分页处理、数据过滤、数据排序、数据类型检测、列宽度自动适应、CSS定制样式、隐藏列等功能。同时还介绍了其易用性、可扩展性和灵活性,以及国际化和动态创建表格的功能。此外,还提供了参数初始化和延迟加载的示例代码。 ... [详细]
  • Allegro总结:1.防焊层(SolderMask):又称绿油层,PCB非布线层,用于制成丝网印板,将不需要焊接的地方涂上防焊剂.在防焊层上预留的焊盘大小要比实际的焊盘大一些,其差值一般 ... [详细]
  • 前言:关于跨域CORS1.没有跨域时,ajax默认是带cookie的2.跨域时,两种解决方案:1)服务器端在filter中配置详情:http:blog.csdn.netwzl002 ... [详细]
  • 我将SpringMVC升级到Spring3.2.5.我的一些剩余调用即使存在,也会返回无法识别的字段异常.这是错误.Resolvingexceptionfrom ... [详细]
  • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • Spring常用注解(绝对经典),全靠这份Java知识点PDF大全
    本文介绍了Spring常用注解和注入bean的注解,包括@Bean、@Autowired、@Inject等,同时提供了一个Java知识点PDF大全的资源链接。其中详细介绍了ColorFactoryBean的使用,以及@Autowired和@Inject的区别和用法。此外,还提到了@Required属性的配置和使用。 ... [详细]
  • 在Android中解析Gson解析json数据是很方便快捷的,可以直接将json数据解析成java对象或者集合。使用Gson解析json成对象时,默认将json里对应字段的值解析到java对象里对应字段的属性里面。然而,当我们自己定义的java对象里的属性名与json里的字段名不一样时,我们可以使用@SerializedName注解来将对象里的属性跟json里字段对应值匹配起来。本文介绍了使用@SerializedName注解解析json数据的方法,并给出了具体的使用示例。 ... [详细]
author-avatar
涛涛哈帅_365
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有