美文网首页
JQuery学习笔记

JQuery学习笔记

作者: imjcw | 来源:发表于2019-11-18 07:30 被阅读0次

前言

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

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

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

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

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学习笔记

相关文章

  • JQuery零基础语法速学

    JQuery学习笔记 1.认识JQuery 简介 JQuery是一个JavaScript库,语法简洁,有跨平台的兼...

  • Struts2学习笔记(核心组件详解)

    [toc] Struts2学习笔记(核心组件详解) @(_1每日记录) 返回到JQuery学习笔记@达内lang笔...

  • 【转】JQuery全面总结

    1、jquery学习总结(超级详细) 转自脚本之家hebedich的投稿 2、jQuery笔记总结篇 转自Poet...

  • 跟我一起学jQuery——第一集

    《锋利的JQuery》第二版阅读笔记-第一章 jQuery对象和DOM对象 想学习jQuery,首先要学会区分jQ...

  • JQuery学习笔记

    JQuery是一个js语言的框架,作用是简化js代码 JQuery优势 简化js代码 可以向css一样通过选择器查...

  • JQuery学习笔记

    写在前面2018-9-11 00:35很久没有学习新知识了,最近几天的毕业季,校招社招面试题真的带给我很大的冲击。...

  • jquery学习笔记

    前言 暑假的时候虽然说学习过一遍jQuery了,但只是眼过一遍,熟悉了基本的使用并没有做记录,趁着学校这两天学校运...

  • jQuery学习笔记

    1.通过CDN(内容分发网络)引用jQueryBaidu CDN: 2.jQuery 语法$(selecto...

  • JQuery学习笔记

    JQuery基础语法 基础语法是:$(selector).action() 美元符号定义 jQuery 选择符(s...

  • jQuery 学习笔记

    1. 两列等高布局如果使用了两个CSS列,使用此种方式可以是两列的高度相同。 2. 检测浏览器 3. 返回顶部按钮...

网友评论

      本文标题:JQuery学习笔记

      本文链接:https://www.haomeiwen.com/subject/wpkpbctx.html