JSON

js 获取Json对象数据长度的例子

字号+ 作者:H5之家 来源:H5之家 2017-05-19 08:02 我要评论( )

json数组长度获取我们其实非常的简单只要像js一样的jsonList.length就可以获取到了,下面来给大家结合介绍一些例子让大家明天json长度获取技巧。

json数组长度获取我们其实非常的简单只要像js一样的jsonList.length就可以获取到了,下面来给大家结合介绍一些例子让大家明天json长度获取技巧。

最简单的获取json数据长度方法 jsonList.length

 代码如下 复制代码

var str = '[{"username":"刘小飞","BAy":"2010/06/17"},{"username":"离小P","BAy":"2010/06/11"}]'; 

alert(str.length)  其实它输出的结果长度为2

 

js 获取Json对象数据长度的例子


下面呢,我把Javascript的代码提供出来,为什么只提供Javascript代码呢?因为其它语言都或多或少提供了一些关于JSON的操作,唯独JavaScript没有提供多少,然后在WEB开发过程中,现在对JQuery的依赖比较多,所以话不多说了,请看代码:

 代码如下 复制代码

function getJsonObjLength(jsonObj) {
        var Length = 0;
        for (var item in jsonObj) {
            Length++;
        }
        return Length;
}

使用办法也很简单,我们假设有个JSON对象是"JsonTemp",具体内容为{["name":"张三","age":18],["name":"李四","age":19]}。我们在使用Javascript进行操作的时候只需要如下进行就可以了:

 代码如下 复制代码

var count = getJsonObjLength(JsonTemp);

推展应用,比如需要通过遍历的方式把JSON中的每一个对象读出来,请如下操作:

 代码如下 复制代码

 for(i=0;i<getJsonObjLength(JsonTemp);i++){
    name = JsonTemp[i].name;
    age = JsonTemp[i].age;
 }

好了,以上就是基本应用

补充

s 中读取JSON的方法探讨


js读取JSON的方法我接触到的有两种:
方法一:函数构造定义法返回

 代码如下 复制代码

var strJSON = "{name:'json name'}";//得到的JSON
var obj = new Function("return" + strJSON)();//转换后的JSON对象
alert(obj.name);//json name

方法二:js中著名的eval函数

 代码如下 复制代码

var strJSON = "{name:'json name'}";//得到的JSON
var obj = eval( "(" + strJSON + ")" );//转换后的JSON对象
alert(obj.name);//json name

第二种方法需要注意的是,对象表达式{'name':'json name'}必须用“()”扩住,否则

 代码如下 复制代码

var strJSON = "{name:'json name'}";
var obj = eval(strJSON);
alert(obj.constructor);//String 构造函数
alert(obj.name);//undefine

必须把对象表达式扩起来eval执行才能生成一个匿名对象!

我们先在介绍使用js来防止回车直接提交表单之前我们可以利用input的属性来实现这个方法,当然这样做了之后我们点击提交也无法正常提交了,当然有时这个功能使用ajax就可以搞定了,下面我会详细的介绍一下

html利用input防止回车提交

默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交。

1.当type="submit"时,无论有几个type="text"输入框,回车均表示提交。(submit)

2.当type="button"时,且存在多个输入框,回车不提交。(button)

3.解决单个输入框的回车即提交问题,参考第二点:可以增加一个input="text",隐藏; 然后type类型为button。

js防止回车提交

 

 代码如下 复制代码

function ifenter(){
if(event.keyCode==13){
return   false;
}else if(event.srcElement.type=="submit"){
form1.submit();
}
}
document.onkeydown=ifenter;

或者使用jquery

 代码如下 复制代码

//禁止按回车提交
      $(document).ready(function(){
       $("input[@type='text']").each(
            function(){
                $(this).keypress( function(e) {
                        var key = window.event ? e.keyCode : e.which;
                        if(key.toString() == "13"){
                                    return false;

                        }
                });
            });
        })

或直接写在html中

 代码如下 复制代码

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JSON.stringify 函数 (JavaScript)讲解

    JSON.stringify 函数 (JavaScript)讲解

    2017-05-19 14:06

  • Android读取本地json文件的方法(解决显示乱码问题)

    Android读取本地json文件的方法(解决显示乱码问题)

    2017-05-18 10:00

  • 浅谈 JSON.stringify 方法 - 乱码.

    浅谈 JSON.stringify 方法 - 乱码.

    2017-05-17 18:02

  • 从 XML 生成可与 Ajax 共同使用的 JSON

    从 XML 生成可与 Ajax 共同使用的 JSON

    2017-05-17 18:00

网友点评
t