javascript - 如何理解jquery中花括号{xxx:"xxxx"}的问题
ringa_lee
ringa_lee 2017-04-11 13:21:32
[JavaScript讨论组]

今天在敲代码的时候,被jquery中的花括号给困惑了,先贴上两段段代码:

//片段1
 $("#panel").hover(function(){
                $(this).animate({height:"150",width:"300"},200);
            })
            
//片段2
$('#send').click(function(){
            $.get('get1.php',{username:$('#username').val(),content:$('#content').val()},function(data,textStatus){
                $('#resText').html(data);
            });
        })

好了,现在问题来了,代码中 {height:"150",width:"300"}{username:$('#username').val(),content:$('#content').val()} 是什么格式???很显然不是json,因为里面的height、width等没有用双引号括起来,我猜是对象,里面的height、width就是字段,而整个花括号{}就是一个整体对象,这只是我的理解,不知道大神们的理解如何?

在线急等,谢谢各位!
ringa_lee
ringa_lee

ringa_lee

全部回复(4)
PHP中文网

JSON (JavaScript Object Notation)
意为js对象标记语言

也就是说, json这东西是在偶然情情形下, 被人发现如此标记数据, 非常方便转化为js对象
最早的时候是通过 eval 实现解析的, 后来流行了, 又有了专门处理的JSON类和方法
JSON.parse()
JSON.stringify()

{height:"150",width:"300"}
{username:$('#username').val(),content:$('#content').val()}

// 这两个都是正常的JS语法表达, 第二句的效果相当于:
var uname = $('#username').val();
var cont = $('#content').val();
// 提前赋值和直接行内运算赋值, 效果一样的
var data = {username: uname, content: cont};

json是种数据流, 它的作用是数据传输, 它自然是写死的信息.
就好像你要和远方的亲人表达一句问候, 其实直接说话就可以, 但对方是听不到的, 所以, 要把你的声音转化成文字, 写在纸上, 寄给对方... 对方收到信后, 大脑需要对纸上的文字进行解析, 还原你要表达的声音.

你是否先接触的后台,再接触的JS, 对JS的理解, 感觉你被JSON迷惑了

阿神

对象字面量

这种基础问题,有空来网上等别人回答,不如找本书翻翻看。任何一本js入门级别的书籍都会讲这玩意儿。

而且既然你都猜测这是对象了,那么为什么不自己在浏览器里面跑跑看?打个断点,一看就知道了。
甚至于按下你的F12,对着这玩意儿{height:"150",width:"300"}依次按下ctrl + cctrl + v再外带敲个回车,这消耗的ATP可比你打这么多字点这么多链接少多了。

黄舟
{height:"150",width:"300"}
{username:$('#username').val(),content:$('#content').val()}

这些是对象字面量
高洛峰

其实是obj

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号