码迷,mamicode.com
首页 > Web开发 > 详细

什么是Ajax?JQuary对Ajax的基本操作

时间:2020-03-25 21:45:47      阅读:88      评论:0      收藏:0      [点我收藏+]

标签:响应   使用   生成   获取   bsp   网页开发   获取数据   个数   XML   

Ajax:Asynchronous JavaScript And XML(异步JavaScript和XML)

  是创建交互式网页应用的网页开发技术

  

Ajax:是一种无刷新页面式的与服务器交互技术

  

  原来的交互:

    1、浏览器发送请求

    2、服务器收到请求,调用Servlet处理;Servlet处理完成会有相应信息生成;

    3、浏览器收到了服务器响应的数据,把之前的页面清除,展示新的数据;【其实就是刷新了页面】  

 

     技术图片(浏览器与服务器交互)

 

 

  现在的交互:(XmlHttpRequest对象【是Ajax的底层对象】)

    1、XMLHttpRequest对象帮我们发送请求

    2、服务器收到请求,调用Servlet处理;Servlet处理完成会有相应信息生成;

    3、XMLHttpReuest对象接收数据;(浏览器感受不到数据了,xhr收到这个数据)

 

      技术图片(Ajax与服务器交互)

 

 

XmlHttpRequest对象,现代浏览器均支持XMLHttpRequest对象

 

xhr原生编程:

查文档

技术图片

 

 步骤很繁琐

 

 JQyary-Ajax

  1、$get()

  2、$post()

  3、$ajax()

改变了传统的交互方式:

  1、发请求

  2、服务器收到请求,处理请求经常给页面携带数据。requst.setAttribute("map",map);转发到页面

  3、浏览器收到页面数据,在页面使用el表达式获取数据

  导致整个页面刷新,造成很大的服务器负担

然而,只让服务器返回我们需要的数据即可;不用返回整个页面;xhr替代浏览器来接收响应;发送请求;利用dom增删改的方式改变页面效果;

 

So,What is Ajax:

    概括的说就是xhr对象向服务器发送请求,并收到相应数据,利用dom增删改的方式更改页面信息

 

什么是Ajax?JQuary对Ajax的基本操作

标签:响应   使用   生成   获取   bsp   网页开发   获取数据   个数   XML   

原文地址:https://www.cnblogs.com/Timeouting-Study/p/12562312.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!