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为参数,用来接受服务器端返回的数据
} 此函数只有执行成功并返回才会执行
})