| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> 一、AJAX二、json三、Vue -> 正文阅读 |
|
[JavaScript知识库]一、AJAX二、json三、Vue |
一、AJAX概念:AJAX(Asynchronous JavaScript And XML):异步的 JavaScript 和 XML AJAX作用: 与服务器进行数据交换:通过AJAX可以给服务器发送请求,并获取服务器响应的数据 使用了AJAX和服务器进行通信,就可以使用 HTML+AJAX来替换JSP页面了 局部刷新:可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术,如:搜索联想、用户名是否可用校验 三个特点: 并行操作:浏览器与服务器是并行操作的,浏览器在工作的时候,服务器也可以工作。 后台发送:浏览器的请求是后台js发送给服务器的,js会创建单独的线程发送异步请求,这个线程不会影响浏览器的线程运行。 局部刷新:浏览器接收到结果以后进行页面局部刷新 JS原生AJAX异步交互步骤 目前更多使用的是axios,对ajax的进一步封装,用法如下,需要在script标签中添加如下依赖:<script src="js/axios-0.18.0.js"></script> 而后端接受到user后,判断是否符合”newboy”,来使用rout将结果给前端的resp.data接收 ? 甚至可以绑定跳转 后端返回boolean类型做判断 除了上述,axios还有如下请求方式: ? 二、json ????let json = '{"name": "孙悟空", "age": 28, "sex": true}'; ????document.write(typeof json + "<br/>"); ?//打印json字符串的类型,结果为string document.write(json + "<br/>"); ????//转成js对象 ????let obj = JSON.parse(json); ????document.write(typeof obj + "<br/>"); ?//打印转换后的json类型为object document.write(`${obj.name} ${obj.age} ${obj.sex} <br/>`);//据键取值 ????//将js对象转成JSON字符串 ????let s = JSON.stringify(obj); document.write(s + "<br/>");
需要先引入依赖: <dependency> ????System.out.println("json字符串:" + json); ????//1.将json字符串转成java对象 ????User user = JSON.parseObject(json, User.class); ????System.out.println(user); ????//2.将java对象转成json字符串 ????String s = JSON.toJSONString(user); ????System.out.println(s); 快速入门 创建一个vue对象,绑定el视图、data中对v-对象绑定数据 如果是a标签url,可以给他绑定url链接 ? ?如果是动作,可以给他绑定方法 使用v-if,v-else-if,v-else来做逻辑处理 ? 使用{{}}来获取对象的属性或数组的值: ? ?如果从后端获取了SelectAll后需要遍历在表格中,则使用v-for遍历: |
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2025年1日历 | -2025/1/11 15:03:18- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |