AJAX介绍(一)

AJAX是一种无需刷新页面即可与服务器通信的技术,常用于提升用户体验,如百度注册页面的用户名检查。然而,它存在无浏览历史、跨域和SEO不友好的问题。HTTP协议定义了浏览器和服务器的通信规则,包括请求报文和响应报文。Node.js的Express框架则简化了服务端开发,便于AJAX请求的处理。通过运行Express应用,可以实现前端与服务端的交互。
摘要由CSDN通过智能技术生成

   

目录

AJAX的优缺点

HTTP协议

 Node.js的安装

Express服务端框架


    AJAX   是一个交互性非常强的一门技术,使用Ajax技术网页应用能够快速地将信息呈现在用户界面上,且不需要刷新整个页面,这使得程序能够更快地回应用户的操作。

       比如:百度注册页面,当输入注册用户名时(向服务端发送请求,得知不可用),会提醒“此用户名已被使用,请更换”,这种现象就是因为使用了AJAX。还有某些大型购物页面,当鼠标悬浮在某个标题时会马上出现一个分类或者有关标题的一个板块,这种现象也使用了AJAX,总之AJAX的使用范围非常广泛。

京东页面

当鼠标悬浮在“1”处时,会出现“2”板块,它用到了AJAX

 在网页的控制台中我们可以看到交互的各种信息。

AJAX的优缺点

 优点:1)可以无需刷新页面与服务器端进行通信   2)允许你根据用户事件来更新部分页面内容

 缺点:1) 没有浏览历史,不能后退  2)存在跨域问题  3)SEO(搜索引擎优化)不友好(爬虫爬不到这个数据)

HTTP协议

 HTTP协议【超文本传输协议】,协议详细规定了浏览器和万维网服务器之间相互通信的规则。包含两个内容,请求报文响应报文

 Node.js的安装

Express服务端框架

AJAX需要向服务端发送请求,因此先简单介绍一下express框架。借助Express服务端框架和前端的AJAX进行交互。

运行:

通过这个 http://localhost:8000/访问 

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值