JQuery学习笔记

前言

在项目中，想要实现一些功能，经常被JS限制。JQuery虽然提供了很好方法，但是对于JQuery只有一些很浅层的了解，所以一遇到问题就停步不前。虽然最终都可以解决，但过程还是蛮纠结的。

写个笔记，记录自己遇到的问题，和最终获得的解决的方案。就在这点点滴滴中进步成长。

JQuery中在外部操作post获取到的值

一直不知道JQuery的ajax请求的返回值如何给到外面的变量。不过，功夫不负有心人找了半天，还是找到了答案。

var res = $.post(...);

不过这样子还是存在问题，拿到的数据不能直接使用，因为是异步获取的，所以post之后的程序会在返回res之前执行。

也就是说，只有ajax同步执行时，才能够保证拿到的数据能够正常的使用。

var res = $.ajax({
    type: 'post',
    url: '/demo-url',
    async: false,
    data: data,
    dataType: 'json',
    success: function(res){
        // TODO
    },
    error: function(res){
        // TODO
    },
});

Json的操作

从字符串中解析出json对象

var str = '{"name":"imjcw","sex":"male"}';
var strJson = JSON.parse(str);
// console.log(strJson);
// ------------------------
// Object
// name: "imjcw"
// sex: "male"
// __proto__: Object

将对象转成字符串

var obj = {"name":"imjcw","sex":"male"};
var str = JSON.stringify(obj);
// console.log(str);
// ------------------------
// '{"name":"imjcw","sex":"male"}'

-- EOF --
本文转载自IMJCW
原文链接：JQuery学习笔记