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为参数,用来接受服务器端返回的数据

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

})

上一篇:分析 js构造函数:对象方法 、类方法 、原型方法


下一篇:Android学习总结——Popup menu:弹出式菜单