web前端开发-Ajax（1）

1.简单简绍Ajax的功能

　　Ajax是处于前端和后端之间的这么一个东西，他可以拿到你前端form的内容，并且在你触发Ajax的时候，先将某些数据发送到服务器端，等接受到服务器 返回的数据时，执行某个函数，而不是在你点击submit的时候直接将form的内容全部发送到服务器。

　　由此Ajax经常用于验证表单信息，例如登录注册时的信息格式检验。

 

AJAX：Asynchronous JavaScript and XML (异步的JavaScript和XML)，一种创建交互式网页应用的网页开发技术方案。

• 异步的JavaScript：
  使用 【JavaScript语言】 以及 相关【浏览器提供类库】 的功能向服务端发送请求，当服务端处理完请求之后，【自动执行某个JavaScript的回调函数】。
  PS：以上请求和响应的整个过程是【偷偷】进行的，页面上无任何感知。
• XML
  XML是一种标记语言，是Ajax在和后台交互时传输数据的格式之一

利用AJAX可以做：
　　•注册时，输入用户名自动检测用户是否已经存在。
　　•登陆时，提示用户名密码错误
　　• 删除数据行时，将行ID发送到后台，后台在数据库中删除，数据库删除成功后，在页面DOM中将数据行也删除。

2.jQuery中的Ajax方法

　　以下是Ajax的参数：

　　$.ajax({

　　　　url:'/host',                             　　#提交的url

　　　　type:"POST",　　　　　　  　　#提交的方式　

　　　　data:{'k1':123,'k2':'root'},　   　　#要提交的数据　　

　　　　//data:$('#form-id').serialiez()　　#将form表单中的所有数据打包发送到后台，效果同上，更方便

　　　　success:function(data){　　　　#data为参数，用来接受服务器端返回的数据

　　　　}　　　　　　　　　　　　　　此函数只有执行成功并返回才会执行

})