Ajax笔记

Ajax详细总结：Ajax介绍，Ajax的概念，异步请求，同步请求，Ajax异步通讯原理，Ajax的核心对象，Ajax的请求步骤，Ajax的封装等等

Ajax笔记内容一

• 1. Ajax的全文名称
  • ajax 全名 asynchronous javascript and XML(异步JavaScript和XML)
  • 上网的目的是什么？获取网上消费资源
• 2. Ajax的出现是因为什么原因。
  • 出现问题的原因：前端页面要想获取后台的信息需要刷新整个页面,这给用户带来不好的体验。
  • 解决问题的方案就是。利用Ajax技术,这项技术能使浏览器与服务器通信。不需要刷新整个页面。
• 3. Ajax与WEB的区别在哪里
  • 第一点：Ajax的核心是JavaScript的XMLHttpRequest对象。
  • 第二点：回顾Servlect中的Resquest对象的定义：HttpServletRequest对象：HttpServlet调用HttpResponse的有关方法，生成响应数据,用于服务器上接收浏览器发送过来的数据信息。
  • 第三点：以用户提交表单为例
  • WEB：用户单机了提交按钮，整个页面胡刷新。
  • Ajax：数据在客户端与服务器之间独立运输数据，服务器不会返回整个页面
• 4. Ajax的工作原理与后端的MVC有什么关系
  • 请看下面的的图。
  • MVC:
  • AJax:
• 5. Ajax包含的那些技术
  • Javascript XHTML CSS XML XMLHttpRequest
• 6. Ajax的优势与不足
  • 优势：异步模式的刷新提高用户体验，优化了浏览器和服务器,Ajax引擎在客户端运行，使服务器的压力少些。
  • 不足：Ajax不支持浏览器的前进后退，有安全隐患，对索引引擎支持力度不够，不易调试。
• 7. Ajax的同步请求与异步请求
  • 同步请求：同步请求是指当前发出请求后，浏览器什么都不能做， 必须得等到请求完成返回数据之后，才会执行后续的代码， 相当于生活中的排队，必须等待前一个人完成自己的事物，后一个人才能接着办。 也就是说，当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载，页面处于一个假死状态， 当这个AJAX执行完毕后才会继续运行其他代码页面解除假死状态
  • 异步请求：默认异步：异步请求就当发出请求的同时，浏览器可以继续做任何事， Ajax发送请求并不会影响页面的加载与用户的操作，相当于是在两条线上，各走各的，互不影响。 一般默认值为true，异步。异步请求可以完全不影响用户的体验效果， 无论请求的时间长或者短，用户都在专心的操作页面的其他内容，并不会有等待的感觉。
• 8. Ajax中的语法
  • 第一点：JavaScript的入口函数是什么?
  • <script>window.onload = function () { //js的入口函数 }</scriptt>
  • 第二点 jquery的入口函数是什么?
  • <script> <!--方案一--> $(document).click(function () { alert("这是我的第一个入口函数名为jquery函数入口"); }); /*方案二*/ $(function () { alert("这是我的jquery第二种方案"); }) </script>
  • 第三点Ajax的语法：<script>jquery.ajax([settings]) 其中setting为参数
  • 第四点代码实战
    • <script type="text/javascript"> /*jquery中的Ajax*/ /*Ajax的格式 * <script> jquery的语法中.Ajax的语法< / script>*/ //jquery的语法 $("#Button1").click(function () {} // $.ajax({type:"GET"}) }); //Jquery的入口函数 /*案例写法如下*/ $(function () { $("#Button1").click(function () { //打开已获取返回数据文件 //$.getScript("UserInfo.js") //Ajax的语法 $.ajax({ //请求方式GET or post 默认为get请求 type:"GET", //跳转文件的1地址 URL:"test.js", //预计服务器数据类型 dataType:"script",//格式为script dataType:"xml",//格式为xml dataType:"html",//格式为html dataType:"json",//json dataType:"jsonp",//jsonp //发送的数据格式的数据类型。 data :{ "name" :$("#userName").val(), "location":$("#address").val() }, //默认为true为异步请求 FALSE的为同步请求 async :false, //默认为true //设置为FALSE 将不会从浏览器缓存中加载信息 cache:false, success :function (msg) { alert(msg); } }); }); }); </script>
• 9. Ajax中的三种数据格式
  • HTML XML JSON
• 10. CSS的介绍
  • CSS 指的是层叠样式表* (Cascading Style Sheets) CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素 CSS 节省了大量工作。它可以同时控制多张网页的布局 外部样式表存储在 CSS 文件中
• 11. jquery中的Ajax
  • 作用：不需要考虑浏览器的问题，代码能大大的改善。
• 12. Ajax的介绍
  • Ajax这个术语源自描述从基于 Web 的应用到基于数据的应用。 Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。 使用 JavaScript 向服务器提出请求并处理响应而不阻塞用户核心对象XMLHttpRequest。通过这个对象，您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据，即在不需要刷新页面的情况下，就可以产生局部刷新的效果。 Ajax 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。 AJAX 工作原理 AJAX 工作原理 Ajax可使因特网应用程序更小、更快，更友好。 Ajax 是一种独立于 Web 服务器软件的浏览器技术。　Ajax 基于下列 Web 标准： JavaScript、XML、HTML与 CSS 在 Ajax 中使用的 Web 标准已被良好定义，并被所有的主流浏览器支持。Ajax 应用程序独立于浏览器和平台。 Web 应用程序较桌面应用程序有诸多优势；它们能够涉及广大的用户，它们更易安装及维护，也更易开发。 不过，因特网应用程序并不像传统的桌面应用程序那样完善且友好。通过 Ajax，因特网应用程序可以变得更完善，更友好。
• 13. JSON的介绍
  • JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率
• 14. Jquery的介绍
  • jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（框架）于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
• 15. Html介绍
  • HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。 [1] 超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。 [1]
• 16. JavaScript介绍
  • JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。 [1] JavaScript在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。 [2] JavaScript的标准是ECMAScript 。截至 2012 年，所有浏览器都完整的支持ECMAScript 5.1，旧版本的浏览器至少支持ECMAScript 3 标准。2015年6月17日，ECMA国际组织发布了ECMAScript的第六版，该版本正式名称为 ECMAScript 2015，但通常被称为ECMAScript 6 或者ES2015。 [1]