初始Ajax】的更多相关文章

既然是认识AJAX,理论和实践相结合,这样让自己学的更快,理解更深入,我分一下几点: 1.  认识传统的同步交互方式和AJAX解决方案 2.  AJAX使用到的技术 3.  实例体验AJAX 一.同步交互方式和AJAX解决方案 传统的WEB应用是同步交互的方式,这种同步交互方式的处理过程如下图 什么是同步交互方式: 首先,用户向HTTP服务器提交一个处理请求.接着,服务器端接收到请求后,按照预先编写好的程序中的业务逻辑进行处理,比如和数据库服务器进行数据信息交换.最后,服务器对请求进行响应,将结…
一.AJAX是啥? 1.页面无需刷新,异步请求. 2.为什么使用ajax? 原因: 1传统模式  需要将请求发送到服务器,服务器经过业务处理,返回一个页面给客户端.这样做,会很浪费资源. 2.ajax  只需要请求一次页面,之后的数据交互 都无需重新记载当前页面.是不是很强大? 3ajax的应用场景? 注册中的 用户名校验.注册提交.注册验证码.登录提交等. 二.JSON? 1.是啥? 是一种数据格式 2.为啥使用? 优点:方便数据传输,便于传递和解析. 3.啥时候用? ajax--------…
一.Ajax准备知识:json 说起json,我们大家都了解,就是python中的json模块,那么json模块具体是什么呢?那我们现在详细的来说明一下 1.json(Javascript  Obiect  Notation,JS对象标记)是一种轻量级的数据交换格式. 它基于 ECMAScript (w3c制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据. 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言. 易于人阅读和编写,同时也易于机器解析和生成,并有效…
前端: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!--引入jquery文件--> <script src="js/jquery-3.2.1.js" type="text/javascript"></script> </head> <body> <div style=&…
一.Ajax介绍前戏 1.json介绍 1.什么是json? json(JavaScript Object Notation,JS对象标记) 是一种轻量级的数据交换格式.它基于 ECMAScript (w3c制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据.简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言. 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率. 2.json的作用 json就是链接各门语言的一道桥梁,通过他可以是的各门语言的…
初始Ajax 一.Ajax准备知识:json 说起json,我们大家都了解,就是python中的json模块,那么json模块具体是什么呢?那我们现在详细的来说明一下 1.json(Javascript  Obiect  Notation,JS对象标记)是一种轻量级的数据交换格式. 它基于 ECMAScript (w3c制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据. 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言. 易于人阅读和编写,同时也易于机器解析…
一直没有系统学习Javascript和Jquery,每次都是用到的时候去搜索引擎查,感觉效率挺低的.这边把我项目中用的的记录下,想到哪写哪,有时间再仔细整理. 当然,由于我主要是写后端java开发,而前端这几年风起云涌,发展很快,新的技术框架层出不穷,我也就没把心思放这块,目前公司只有前端,没有交互开发工程师,所以我们只能硬顶. 写出来的前端代码很可能没有什么模块意识,也比较混乱,有错误特别正常,希望你看到了在留言中指出来,以免误导他人,谢谢. 0.点击事件的事件函数一般要加return fal…
学会用三种方法检索数据 1.对象方式 2.字典方式 3.元组方式 models后面,如果是.values() 则为字典方式 如果是value_list() 则为元组方式 跨表操作时,如果是对象,可以用.进行跨表查询字段 如果用指定列名的字符串方式,则需要用神奇的"__"双下划线来引入跨表字段 详见20180910项目示例 初始Ajax,可以取代form表单提交,主要应用于验证数据 $('#ajax_submit').click(function () { $.ajax({ url:&q…
一.初始Ajax ajax的写法: $.ajax({ url:'/host', type:'POST' data:{'k1':123,'k2':'root'} success:function(data){ }#执行成功后自动触发这个函数 }) ajax的使用: #在JavaScript中写jquery $('#ajax_submit').click(function(){ $.ajax({ url:'/ajax_text', type:'GET' data:{'user':'root','pw…
演示JS对象的属性,方法和事件的使用 (1)window.location.href (2)form.submit() <form action="" method="POST"> <input type="button" value="提交到服务端" onclick="doSubmit()"/> </form> <script type="text/ja…