ajax同步

Ajax同步和异步的区别 同步是指一个线程要等待上一个线程执行完才能开始执行，同步可以看做是一个单线程操作；在客户端发出请求后，在服务器没有反馈信息之前，它是一个线程阻塞状态。 . 异步是一个线程在执行中，下一个线程不必等待它执行完就可以开始执行。异步相当于是个多线程。在客户端请求时，可以执行其他线程，并且在把这个线程存放在他的队列里面，有序的执行。异步的效率要高于同步。 如果数据在线程间共享，那么必须使用同步 . . 来源： CSDN 作者： XING_Gou 链接： https://blog.csdn.net/XING_Gou/article/details/104282801

1.在浏览器内存中，创建一个脚本对象，这个对象就是 异步请求对象 2. 为 异步请求对象 添加 工作状态监听器， 帮助开发人员确认何时从 异步请求对象 身上得到服务端返回的响应数据 3.初始化 异步请求对象 　　a.　　通知异步请求对象采用何种方式发送请求协议post/get 　　b.　　通知异步请求对象本次访问的资源文件地址 　　c.　　通知异步请求对象在其工作期间，浏览器是否会等他。（同步请求，异步请求）　　 　　d.　　命令通知异步请求对象代替浏览器发送请求 来源： https://www.cnblogs.com/starshine-zhp/p/12213354.html

https://segmentfault.com/a/1190000015288700 1 介绍JavaScript的基本数据类型 Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象 数据封装类对象：Object、Array、Boolean、Number 和 String 其他对象：Function、Arguments、Math、Date、RegExp、Error 新类型：Symbol 2 说说写JavaScript的基本规范？ 1) 不要在同一行声明多个变量 2) 使用 ===或!==来比较true/false或者数值 3) switch必须带有default分支 4) 函数应该有返回值 5) for if else 必须使用大括号 6) 语句结束加分号 7) 命名要有意义，使用驼峰命名法 3 jQuery使用建议 1) 尽量减少对dom元素的访问和操作 2) 尽量避免给dom元素绑定多个相同类型的事件处理函数，可以将多个相同类型事件 处理函数合并到一个处理函数，通过数据状态来处理分支 3) 尽量避免使用toggle事件 4 Ajax使用 全称 ： Asynchronous Javascript And XML 所谓异步，就是向服务器发送请求的时候，我们不必等待结果，而是可以同时做其他的事情

Copyright 2016 by 蔡舒啸 保持署名-非商业性使用-相同方式共享 Creative Commons BY-NC-ND 3.0 目录 一　5种基本类型 　typeof 关键字 　三种强制类型转换 　日期 二　if语句for语句whiledo-whileswitch-case 　比较运算符 　逻辑运算符 　if for语句 while do-while switch-case 三　JavaScript 是脚本语言浏览器会在读取代码时逐行地执行脚本代码 四　Javascript 内置字符串方法 　正则表达式 五　JavaScript 错误 - ThrowTry 和 Catch 　throw 六　Javascript验证 E-mail　验证 七　HTML DOM操作 　操作css 　通过css的visibility属性隐藏 DOM 节点 八　事件 　使用 js 来分配事件触发那个函数 　onload 和 onunload 事件 　onchange输入框内容改变失去焦点时自动触发onfocus 　onmouseover onmouseout鼠标事件 　onmousedownonmouseup 以及 onclick 事件 九　操作DOM节点HTML标签 　创建 　删除 十　对象 　遍历属性Java反射 十一　Browser Object Model 十二　JS库 十三　AJAX

在上面的几篇文章中，本人已经基本可以在Django模版中实现网页的加载，同时使用HTML中的表单，点击按钮可以跳转到下一个界面。 跳转到下一个界面一般需要加载更多的资源，如果需要在当前目前中动态更新信息，则需要Ajax技术，AJax技术即 Asynchronous JavaScript and Xml,其最大的特点就是异步特性，大家知道在计算机系统中，往往异步比同步更好，例如IO多路复用中。使用AJax可以在不重新加载整个页面的情况下，可以与服务器交换数据，并且更新部分网页内容。 在前面的文章中，本人都是使用HTML变到提取数据，表单部分代码如下： <table border = 0> <form action="/EngineDif/" name = "edform" method="get"> <tr><td><font size="4">输入语法: yyyy-mm-dd dCity-aCity,yyyy-mm-dd dCity-aCity...</font> </td></tr> <tr> <td><input type="text" id = "id_query" name="query" size=60 value="2017-07-08 USM-BKK,2017-07-09 BKK-SHA" οnfοcus="if(this.value == '2017-05-08

引入的文件 <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.9/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"> <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.9/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" /> <!-- if using RTL (Right-To-Left) orientation, load the RTL CSS file after fileinput.css by uncommenting below --> <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.9

一、向服务器发送请求 　　1、如何发送请求：使用XMLHttpRequest 对象的open()和send()方法 　　　　1）open( method , url , async ) 　　　　　　　* method:请求方式：GET或POST 　　　　　　　* url：文件在服务器上的位置 　　　　　　　* async:true（异步）或false（同步） 　　　　2）send（string）：仅用于POST请求 　　2、请求的两种方式 　　GET：从指定的资源请求数据 　　　　　　* 查询字符串以？连接在URL地址后面，例如：/test/demo_form.asp?name1=value1&name2=value2 　　POST：向指定的资源提交数据 　　　　　　*查询字符串在http请求主体中发送 　　　　 二、服务器响应数据 　　1、如何接受服务器的响应信息？使用XMLHttpRequest 对象的responseText 或 responseXML 属性。 　　　　* responseText：获得字符串形式的响应数据。 　　　　* responseXML：获得 XML 形式的响应数据。 三、请求响应流程 　　XMLHttpRequest 对象可以与服务器交互，因此可以在不刷新页面的情况下从URL中获取数据，从而达到局部刷新的目的。 　　XMLHttpRequest

什么是同步？什么是异步？ 同步（synchronous） 指的是任务从上往下依次执行的模式。比如： A(); B(); C(); 在这段代码中，A、B、C是三个不同的函数，每个函数都是一个不相关的任务。在同步模式下，计算机会先执行 A 任务，再执行 B 任务，最后执行 C 任务。在大部分情况，同步模式都没问题。但是如果 B 任务是一个耗时很长的网络请求，而 C 任务恰好是展现新页面，就会导致网页卡顿。 更好解决方案是，将 B 任务分成两个部分。一部分立即执行网络请求的任务，另一部分在请求回来后的执行任务。这种一部分立即执行，另一部分在未来执行的模式称为 异步（asynchronous） 。异步，也就是执行一个任务的同时，中间去执行其它的事件，最终再回来执行这个任务，不连续。 A(); // 在现在发送请求 ajax('url1',function B() { // 在未来某个时刻执行 }) C(); // 执行顺序 A => C => B 实际上，JS 引擎并没有直接处理网络请求的任务，它只是调用了浏览器的网络请求接口，由浏览器发送网络请求并监听返回的数据。JavaScript 异步能力的本质是浏览器或 Node 的多线程能力。 异步的 缺点 ： 不支持 try/catch。如下： 同步的代码： try{ 　　throw new Error('hello world');

jquery:是一个优秀javascript框架,一个轻量级的js库 兼容css3,及各种浏览器 使用户更方便的处理html,event,实现动画效果 并且方便网站提供ajax交互 使用户的html页面保持html和代码分离 注意:jquery2.x开始不再支持ie6,7,8 jquery的核心理念:write less,do more,写的少,做的多 官方网站:http://jquery.com jquery的编程步骤: 1.引入jquery的js文件 2.使用jquery的选择器,定位要操作的节点 3.调用jquery的方法进行业务操作 什么是jquery对象: jquery为了解决浏览器的兼容问题而提供的一种统一 封装后的对象描述 query提供的方法都是针对jquery对象特有的,而大部分 方法的返回类型也是jquery对象,所以方法可以连续调用(方法链) 用法: jquery对象.方法().方法().方法().... html中 标签, 节点 ,对象 元素 css 中 样式: 属性和值 id选择器,class选择器,元素选择器,派生选择器,伪类选择器 js 中 javascript对象 内置对象,外置对象,自定义对象 有属性,有方法体的方法 json 中 java中json对象,java中的json字符串 相互转换 javascript中json对象