javascript - 如何理解jquery中花括号{xxx:"xxxx"}的问题

问题描述

问 题

今天在敲代码的时候，被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就是字段，而整个花括号{}就是一个整体对象，这只是我的理解，不知道大神们的理解如何?

在线急等，谢谢各位！

解决方案

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迷惑了

这篇关于javascript - 如何理解jquery中花括号{xxx:"xxxx"}的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！