Ajax个人学习心得

最新推荐文章于 2022-05-16 17:54:03 发布
最新推荐文章于 2022-05-16 17:54:03 发布
阅读量179 收藏 2
点赞数
分类专栏： 新手 文章标签： ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zcylxzyh/article/details/113788743
版权
本文分享了个人学习Ajax的心得体会，从原生Ajax的readyState和Json使用，到JQuery中模拟封装Ajax的实践，再到跨域问题的解决，特别是jsonp的应用。最后探讨了模板引擎atrTemplate的使用，包括数据绑定和子模板嵌套。
摘要由CSDN通过智能技术生成

Ajax个人学习心得

在这里插入图片描述

1、Ajax

在这里插入图片描述
在这里插入图片描述

原生ajax：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

readyState:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Json

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
可以通过点来进行访问
在这里插入图片描述
然后可以进行拼接：
在这里插入图片描述
在这里插入图片描述

2、 JQ中的Ajax

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

模拟JQ封装ajax

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3、跨域

在这里插入图片描述
解决方式jsonp：
在这里插入图片描述
JQ中的jsonp：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4、模板引擎atrTemplate

首先先下载，然后引入js文件
在这里插入图片描述
在这里插入图片描述
value是每一条数据
i 是当前索引

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
嵌入子模板：
在这里插入图片描述
一开始字符串拼接：
在这里插入图片描述
变为这个：
在这里插入图片描述

肉乎乎的鸭
关注
专栏目录
ajax 学习心得
sinat_32456781的博客
11-13 536
这是很久之前的一篇文章，今天在草稿箱里发现了，写出来分享一下下。 今天学了ajax技术，特地在此写下来作为复习。 ** 一、什么是ajax? ** 客户端（特指PC浏览器）与服务器，可以在【不必刷新整个浏览器】的情况下，与服务器进行异步通讯的技术 即，AJAX是一个【局部刷新】的【异步】通讯技术, 说白了就是局部刷新。 二、ajax的原理如下图 ajax 技术原理图 三、ajax包...
Promise、axios 个人学习心得
zcylxzyh的博客
03-10 772
BootStrap
AJAX学习心得
weixin_43192620的博客
09-12 295
** AJAX学习心得** Ajax [‘eidʒæks] 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。 “阿贾克斯” （Ajax）和阿贾克斯足球队同音。 这个术语源自描述从基于 Web 的应用到基于数据的应用。 Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及...
Ajax学习心得
xiaoyuer666999的博客
09-14 553
                大致学了下Ajax,才知道它不是某种编程语言，而是一种在无需加载整个页面的情况下能够更新部分网页的技术。了解了它的功能后觉得这真是一种好的技术，这得给前端和运维省多少力啊！ 　　传统的网页没有使用Ajax技术，当更新网页内容时要重新加载页面来重写页面，如果是整个网站，这工作量无疑是巨大的，但有了Ajax技术，我们在后台进行表单设计时，加入相关代码，实现异步
Ajax 学习心得和经验谈
07-13
令人兴奋的技术,宝贵的实用经验和心得！
Ajax的学习心得，希望对大家有帮助
03-26
Ajax的学习心得，希望对大家有帮助；这里归纳了一些常见的问题已经解决方法。
Vue个人学习心得_基础篇
zcylxzyh的博客
02-23 3315
Vue_基础篇（一）1、Vue.js什么是Vue.js为什么要学习Vue框架和库的区别MVC和MVVMVue基本代码和MVVM对应关系2、Vue的简单指令v-cloak、v-text、v-html、v-bindv-on案例一：跑马灯事件修饰符 1、Vue.js 什么是Vue.js 为什么要学习Vue 框架和库的区别 MVC和MVVM Vue基本代码和MVVM对应关系 <!DOCTYPE html> <html lang="en"> <head> <
GWT学习笔记，个人学习心得
03-18
Google Web Toolkit (GWT) 是一种基于Java的开源开发框架，它允许开发者使用Java语言来构建富互联网应用程序（RIA），特别是利用Ajax技术。GWT的主要目标是简化开发流程，使得开发人员可以专注于业务逻辑，而不必...
Vue学习心得
weixin_49331914的博客
07-08 4430
Vue:一款渐进式JavaScript框架，所谓渐进式就是逐步实现新特性的意思，如实现模块化开发、路由、状态管理等新特性。其特点是综合了Angular (模块化)和React (虚拟DOM)的优点; mvvm ●Model:模型层，在这里表示JavaScript对象 ●View:视图层,在这里表示DOM (HTML操作的元素) ●ViewModel:连接视图和数据的中间件，Vue.js就是MVVM中的ViewModel层的实现者 在MVVM架构中，是不允许数据和视图直接通信的，只能通过ViewModel来通
SpringCloud学习心得
qq_56184267的博客
05-16 845
SpringCloud学习心得
ajax学习心得。主要采用ajax做的一些小程序
06-25
ajax,随机生成5条数据。动态的为服务器控件绑定事件。
学完Ajax的一些感想
weixin_46396991的博客
04-15 1027
PS： 今天终于把ajax学完了，跟B站黑马程序员视频学的。我来小小的总结一下吧 ajax到底是干什么用的? ajax在页面不刷新的情况下，获取数据。 ajax的创建（封装）过程是什么? 创建异步对象 请求行 请求头 回调函数 发送请求主体 回调函数具体又是干什么? 回调函数就是浏览器从服务器拿到数据之后修改页面DOM元素。如果数据复杂的话，可以考虑用模板引擎。📌模板引擎是什么待会再说！ 首先，浏览器发送请求报文给服务器，服务器就会根据浏览器想要的数据去查找，在后台我们可以用自己封装的ajax，或.
ajax学习心得
qq_24092035的博客
03-14 1881
本文为学习慕课网视频http://www.imooc.com/learn/250的学习心得一、ajax基本概念ajax即“Asynchronous Javascript And XML”（异步JavaScript和XML），利用回调机制来实现异步请求。ajax的核心是XmlHttpRequest对象。一个ajax的实现原理为： 1、利用html和CSS来实现页面，表达信息 2、运用XmlHttp
ajax学习心得（1）
石林在HAYS搬砖。
07-28 712
最近手头穷了。需要一点点资金供自己吃喝拉撒。接了一个项目中间需要使用到ajax实现推送的功能。类似于校内的留言功能。 当用户A给用户B留言，如果用户B在线就能直接弹出一个提示，然后两人就可以进行即时通信。 翻阅资料，实现推送的功能主要有两种技术，一种是servlet3.0 不过需要tomcat7.0的支持，鉴于中国各大服务器运营商对于tomcat7.0的支持情况，只好选择另外一种方案，使用aj
ajax学习心得（一）
07-08 675
记录学习心得，不一定正确，有错了再改嘛，嘎嘎！ 1、ajax是一种实现技术，可通过JS实现，也可通过JQuery实现； 2、AJAX =Asynchronous JavaScript and XML; 3、前段时间看JS基础的时候，被小伙伴嘲笑说后面基本不用，看了AJAX相关资料才发现，的的确确如此，人还是得会用工具节省时间才行，但是原理性的东西还是得明白； 4、使用javascript 实现 ajax 有很多缺点…方法、属性、常用值较多不好记忆，步骤 繁琐，浏览器兼容问题（这段话我抄的，反正初学.
ASP.NET AJAX教程：动态加载新闻类别
作者拥有超过一年的ASP.NET开发经验，但意识到过去的作品存在功能堆砌的问题，现在决定在步入大学四年级之际，通过撰写博客分享学习心得，提升自己的编程技能。 主要内容包括以下几个关键知识点： 1. **背景介绍**...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值