Ajax学习-Http请求

简介:

Ajax使用Http请求:传统的JavaScript中,如果我们希望从服务器上的文件或数据库中得到任何信息,或者向服务器发送信息的话,就必须利用HTML表单向服务器GET或POST数据。而用户则需要单击“提交”按钮来发送/获取信息,等待服务器的响应,然后一个新的页面会加载数据。

由于每当用户提交输入后服务器会返回一个新的页面,这样会使web应用程序变得运行缓慢,越来越不友好。

通过利用Ajax,我们的JavaScript会通过JavaScript的XMLHttpRequest对象,直接与服务器来通信。

通过使用Http请求,web页可向服务器进行请求,并得到来自服务器的响应,而不加载页面。用户可以停留在同一个页面,用户将不会注意到脚本在后台请求过页面,或者向服务器发送过数据。

通过使用XMLHttpRequest对象,web开发者可以做到在页面已加载后从服务器更新页面!

Google建议使用XMLHttpRequest对象来创建一种动态性极强的web界面,例如:当我们开始在Google的搜索框中输入查询内容时,Javascript会向某个服务器发送这些内容,然后服务器会返回一系列的搜索建议。




 本文转自 王祖康 51CTO博客,原文链接:http://blog.51cto.com/wzk89/387621,如需转载请自行联系原作者

相关文章
|
8月前
|
数据采集 Web App开发 前端开发
处理动态Token:Python爬虫应对AJAX授权请求的策略
处理动态Token:Python爬虫应对AJAX授权请求的策略
|
XML 前端开发 JavaScript
|
JSON 安全 网络协议
HTTP/HTTPS协议(请求响应模型、状态码)
本文简要介绍了HTTP与HTTPS协议的基础知识。HTTP是一种无状态的超文本传输协议,基于TCP/IP,常用80端口,通过请求-响应模型实现客户端与服务器间的通信;HTTPS为HTTP的安全版本,基于SSL/TLS加密技术,使用443端口,确保数据传输的安全性。文中还详细描述了HTTP请求方法(如GET、POST)、请求与响应头字段、状态码分类及意义,并对比了两者在请求-响应模型中的安全性差异。
1074 20
|
JSON JavaScript 前端开发
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
283 22
|
前端开发 JavaScript
回顾前端页面发送ajax请求方式
回顾前端页面发送ajax请求方式
182 18
|
安全 API 网络安全
使用OkHttp进行HTTPS请求的Kotlin实现
使用OkHttp进行HTTPS请求的Kotlin实现
|
前端开发 JavaScript Java
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
399 4
|
JSON 前端开发 JavaScript
Python中如何判断是否为AJAX请求
AJAX请求是Web开发中常见的异步数据交互方式,允许不重新加载页面即与服务器通信。在Python的Django和Flask框架中,判断AJAX请求可通过检查请求头中的`X-Requested-With`字段实现。Django提供`request.is_ajax()`方法,Flask则需手动检查该头部。本文详解这两种框架的实现方法,并附带代码示例,涵盖安全性、兼容性、调试及前端配合等内容,帮助开发者提升Web应用性能与用户体验。
316 0
|
前端开发 JavaScript 数据处理
JQuery 拦截请求 | Ajax 请求拦截
【10月更文挑战第4天】
736 1
|
JSON JavaScript 前端开发
Jquery常用操作汇总,dom操作,ajax请求
本文汇总了jQuery的一些常用操作,包括DOM元素的选择、添加、移除,表单操作,以及如何使用jQuery发送Ajax请求,涵盖了GET、POST请求和文件上传等常见场景。