腾讯云

开发者社区

文档建议反馈控制台

首页

文章/答案/技术大牛

发布

社区首页 >问答首页 >jQuery split()返回未定义的

问jQuery split()返回未定义的
EN

Stack Overflow用户

提问于 2015-11-17 13:00:15

回答 1查看 1.1K关注 0票数 0

我不知道为什么蝙蝠总是在"field_input“中看到”未定义的“

当我尝试添加jquery .split时

function field_include()
{
  var form_id = $( ".form" ).val();

  $.ajax({
    url: 'ajax/field_include.php',
    type: 'POST',
    data: {
      form_id : form_id
    },
    success: function(data) {

      var	fields = data;
      var field = fields.split(";").filter(Boolean);
      $.each(field, function(i, val){
        var field_val = val.split(",");
        $( ".addfromform" ).append('<div class="form-group"><label class="col-lg-2 control-label mt10">'+field_val[2]+'</label><div class="col-xs-10"><label for="'+field_val[1]+'" class="field prepend-icon"><input type="'+field_val[0]+'" name="'+field_val[1]+'" id="first_name" class="gui-input" placeholder="'+field_val[3]+'" autocomplete="off"><label for="'+field_val[1]+'" class="field-icon"><i class="fa fa-user"></i></label></label></div></div>').fadeIn('slow');
      });
    }
  });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

来自“field_include.php”的字符串：

1,first_name,First Name:,First Name,1;1,last_name,Last Name:,Last Name,2;1,email,Email:,Email,3;1,job,Job title:,Job title,4;

我怎么才能修好？

javascript

php

jquery

平台电商解决方案

为客户提供电商客服、电商图片系统识别及搜索的快速搭建方案

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-11-17 13:05:23

尝试将.filter(Boolean)链接到fields.split(";")以删除field的最后索引中的空字符串""，其中字符串的最后索引为";"，这将在var field_input = val.split(',');处返回undefined，因为val将为空字符串""。

var field = fields.split(";").filter(Boolean);

var fields = "1,first_name,First Name:,First Name,1;1,last_name,Last Name:,Last Name,2;1,email,Email:,Email,3;1,job,Job title:,Job title,4;";

var field1 = fields.split(";");

var field2 = fields.split(";").filter(Boolean);

$.each(field2, function(i, val) {

  var field_val = val.split(",");

  $("body").append('<div class="form-group"><label class="col-lg-2 control-label mt10">' + field_val[2] + '</label><div class="col-xs-10"><label for="' + field_val[1] + '" class="field prepend-icon"><input type="' + field_val[0] + '" name="' + field_val[1] + '" id="first_name" class="gui-input" placeholder="' + field_val[3] + '" autocomplete="off"><label for="' + field_val[1] + '" class="field-icon"><i class="fa fa-user"></i></label></label></div></div>');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33766901

复制

jQuery点击返回顶部

jquery

<div class="backtop" href="javascript:;"> <img id="to_top" title="回顶部" style="width: 50px;" src="https://cdn.suoluomei.com/public/paparela/static/image/dingbu.png" alt="置顶图标"> </div> $(document).ready(function(){ //为当前窗口添加滚动条滚动事件 $

明知山

2020/09/03

6.2K0

jQuery解析ajax 返回的json

其他

一、controller /** * 检查预订开始时间和结束时间的合法性 * @param startTime * @param endTime * @return */ @RequestMapping(value = "checkTime") @ResponseBody public String checkTime(String startTime, String endTime) { int space=Time

week

2018/08/24

2.4K0

jQuery实现返回顶部功能[通俗易懂]

java https 网络安全 html

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/158396.html原文链接：https://javaforall.cn

全栈程序员站长

2022/09/14

2K0

一句jQuery代码返回顶部

java jquery https http 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/120678.html原文链接：https://javaforall.cn

全栈程序员站长

2022/07/15

1.1K0

Jquery实现一键返回顶部

html jquery 需求分析用户体验

当用户浏览的网页过于长的时候，用户在浏览到网页底部想要在返回顶部需要滚动好几次滚轮才能返回顶部，不仅麻烦，而且用户体验也会很差。现在的大多是页面都会在页面顶部或者是页面的可见区域的某一位置固定一个按钮，点击它可以使页面返回顶部，用户再也不用滚动滚轮了。下面本站的返回顶部的效果，分享给大家：

申霖

2019/12/27

1.7K0

JQuery处理json与ajax返回JSON实例

jquery ajax

json数据是一种经型的实时数据交互的数据存储方法，使用到最多的应该是ajax与json配合使用了，下面我来给大家介绍jquery处理json数据方法。 JSON中对象通过“{}”来标识，一个“{}”代表一个对象，如{“AreaId”:”123”}，对象的值是键值对的形式（key：value）。 “[]”，标识数组，数组内部各个数据之间通过“，”分割，如[“AreaId”:”123”，”AreaId”:”345”]。很多情况下是对象数组，那就是这样： [{“AreaId”:”123”},{“AreaId

joshua317

2018/04/10

2.9K0

StringUtils.split()和string.split()的区别

javascript 编程算法 apache

出于业务考虑，将多个字符串拼接起来时，使用的分隔符是;,;。如果要将这样一个拼接来的字符串分割成原本的多个字符串时，就需要使用到jdk自带的split()方法。不过因为公司的编程规范，改为使用了Apache工具类的StringUtils.split()。

雨临Lewis

2022/01/12

2.2K0

ajax parsererror报错,jQuery为ajax请求返回“ parsererror”[通俗易懂]

java mvc ajax https jquery

我一直在从jquery收到针对Ajax请求的“ parsererror”，我尝试将POST更改为GET，以几种不同的方式(创建类等)返回数据，但我似乎无法弄清楚问题出在哪里。

全栈程序员站长

2022/09/07

1.5K0

jQuery 和 json 简单例子（注意callback函数的处理！！）（servlet返回json，jquery更新，java json）

jquery json servlet java html

这个例子是后台获取某个目录的所有文件信息，前台网页显示。代码文件： http://files.cnblogs.com/kenkofox/jsonTest.html%E5%92%8COnlineFileManagerServlet.rar JSON包（java文件）：http://files.cnblogs.com/kenkofox/org.json.rar Servlet： protected void processRequest(HttpServletRequest request,

用户1258909

2018/07/03

8480

split分隔

编程算法

split() : 把一个字符串分割成字符串数组 <script> var str="name=ww;value=ll"; var mm=str.split(";");// ["name=ww","value=ll"] // 对字符串数组中的每一个元素进行循环操作 “name=ww” for( var i=0;i<mm.length;i++) { var ss= mm[i].split("="); alert(ss)//结果是["na

wfaceboss

2019/04/08

2K0

java split()

java

java提供了split根据传入的分隔符,返回数组的方法.但是对于一些特殊字符我们要注意下,以防获取的不是我们想要的结果. 如想要根据”竖线”分隔:

夏洛克的猫

2018/10/18

1.6K0

[Python]str的split()的用法

编程算法

原文链接：http://blog.csdn.net/humanking7/article/details/45950617

祥知道

2020/03/10

1.4K0

linux split

linux

split [-bl] file PREFIX -b:后面可接欲切割成的文件大小，可加单位如b,k,m登； -l：以行数进行切割 [root@localhost tmp]# split -b 300k /etc/termcap termcap [root@localhost tmp]# ll -k termcap* -rw-r--r-- 1 root root 300 Dec 13 03:36 termcapaa -rw-r--r-- 1 root root 300 Dec 13 03:36 termcap

葫芦

2019/04/17

2K0

C/C++未定义行为

汇编语言

下面是一段代码，这段代码中有标准未定义的行为。代码如下： #include<iostream> using namespace std; int main() { int j = 0;

zy010101

2020/04/16

3.7K0

python join 和 split的

javascript 编程算法

python join 和 split方法的使用,join用来连接字符串，split恰好相反，拆分字符串的。

py3study

2020/01/06

1.1K0

split命令

javascript https 网络安全 linux html

split命令用于将大文件分割成较小的文件，在默认情况下将按照每1000行切割成一个小文件。

WindRunnerMax

2020/08/27

1.8K0

jquery ajax请求成功，数据返回成功，seccess不执行的问题

jquery

1.状态码返回200--表明服务器正常响应了客户端的请求； 2.通过firebug和IE的httpWatcher可以看出服务器端返回了正常的数据，并且是符合业务逻辑的数据。但是，程序就是不进入到回调函数success: function(data){****}而是进入到error: function(data){***} 记得上次是因为存在跨域访问的问题导致。这次查看不存在跨域的问题。此时就很是不解。事情的来源是这样的：后台的配置管理模块中有一块是关于国际化的配置，增加国际化描述等等，查询国际化描述。问题的来源是在输入key='a' 查询前十条数据时发现可以正常的展现数据，但是当我输入key值为z时，并且再查询前20条数据是发现数据不能展现，但是server返回了数据库中的数据。这时第一反应是事不时数据返回的有问题，粗略的检查了返回的数据发现和第一次查询没有什么明显的区别。但是只查询第十四条数据时发现，显示不出来。这时候就开始怀疑了数据问题，进而到数据库中查找第十四条数据没有发现什么特别的地方。这时开始怀疑，难道是JS程序有处理数据兼容性有问题，觉得甚是不可思议。整了大约半小时，越来越觉得不大可能。就放弃了这种想法。有转向，重新审视数据。但是发现数据从中间换行了，没太在意。在纠结了一会儿后问一同事，指出数据可能多了一个"回车键"，在其指点下到数据库表中再次查看该条数据发现有一个字段的值多了一个"回车键"。删除后，一切恢复正常。思考第一次和第二次碰到的问题，我初步认识到： 1. 返回的数据类型一定要符合定义的数据类型。即如果你定义的 dataType 是 json 类型的，那么返回来的数据一定是 json 才可以，平且不然就会执行 error 里的程序块儿。 (1) 同时需要特别的注意返回的JSON数据是否是严格的JSON格式. (2) 也应该严重关切当后台返回的是一个List 数据（List当中的数据是Json格式）时，有没脏数据即不是严格的JSON格式。很隐蔽的可能是数据某一个字段中在开始或末尾含有特殊字符，以"回车键"、"Tab键"等这类隐蔽错误的规避措施就是好的编程习惯： a. 对于在页面填写入库的数据最好强制性的做，去空操作<利用客户端最好>。 b. 特殊的业务需注意特殊字符。这样还不够，因为在开发过程中测试或开发人员自己在数据库中手动添加数据，可能会多加了空格等，导致程序调试，测试带来了麻烦。这时就需要考虑在后台代码对获取的数据做处理。 2. 原因是ajax请求跨域了，解决方法是在两个文件里都添加一段 js: [/b]document.domain，或者采用Jsonp的方式，如我的前一篇blog中提到的。还有一点对JQuery 中Ajax的一点其它的认识：客户端发起请求，得到服务器端的相应是200，<正确拿到服务器响应的数据>没有问题.此时在判断进入success 对应的回调函数还是进入到error对应的回调函数之前，可能会校验一些东西： 1. 返回的每条数据是否是dataType中定义的数据类型。如果有部分数据不是或者哪怕一条数据没有严格的按照dataType定义的类型，程序就会进入到error:function(){****} 2. 请求的域和当前域是否是同一域，如果不是同一域也十分有可能进入error:function(){***}

大道七哥

2019/09/10

3.9K0

Python: strip() & split()

python api

Syntax function annotations split() 剔除切口单元　并返回　断开的list（如果有整段连续的切口单元，则每个切口单元都剔除一次，连续的切口单元之间留下 """"） strip() 对字符串末尾剔除　并返回完整的字符串 Test Test 1 string = 'Nanjing-is--the---capital----of-----Jiangshu------' print string.split() print string.split('-')

JNingWei

2018/09/28

1.7K0

tf.split

bash bash 指令

把张量分解成子张量。如果num_or_size_split是一个整数，那么值将沿着维度轴拆分为num_split较小的张量。这要求num_split均匀地分割value.shape[axis]。如果num_or_size_split是一个一维张量(或列表)，称之为size_split，值被分割成len(size_split)元素。第i个元素的形状与值的大小相同，除了尺寸为size_split [i]的维度轴。

狼啸风云

2019/06/17

2.7K0

点击加载更多

相似问题

返回未定义的Jquery .parent().attr().split(‘').pop()

Javascript split返回未定义

232

Jquery - split返回数组(Json)

Node.js message.split返回未定义的

只有一个匹配的jQuery - split()数组=未定义

活动推荐

SaaS建站+私有服务器，拖拉式完成多端建站，5分钟搭建企业官网

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

问jQuery split()返回未定义的
EN

平台电商解决方案

回答 1

Stack Overflow用户

返回未定义的Jquery .parent().attr().split(‘').pop()

Javascript split返回未定义

Jquery - split返回数组(Json)

Node.js message.split返回未定义的

只有一个匹配的jQuery - split()数组=未定义

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery split()返回未定义的EN

平台电商解决方案

回答 1

Stack Overflow用户

返回未定义的Jquery .parent().attr().split(‘').pop()

Javascript split返回未定义

Jquery - split返回数组(Json)

Node.js message.split返回未定义的

只有一个匹配的jQuery - split()数组=未定义

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery split()返回未定义的
EN