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

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

    })

  • 相关阅读:
    hoj 13832 Fence
    hoj 13830 DNA Sequencing 字典树
    HOJ Funfair
    HOJ 13828 Funfair
    图论相关
    01字典树
    异或
    日常补题2017-10-31
    康拓展开
    日常训练17-10-27(16杭州ccpc)
  • 原文地址:https://www.cnblogs.com/SunsetSunrise/p/7649939.html
Copyright © 2020-2023  润新知