AJAX教程(2):AJAX Http请求

2016-02-20 00:47 7 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的AJAX教程(2):AJAX Http请求,希望大家看完后能赶快学习起来。

【 tulaoshi.com - Web开发 】

AJAX 使用 Http 请求

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

XMLHttpRequest 对象

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

在 2005 年 AJAX 被 Google 推广开来(Google Suggest)。

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

XMLHttpRequest 对象得到下列浏览器的支持:Internet Explorer 5.0+、Safari 1.2、Mozilla 1.0 / Firefox、Opera 8+ 以及 Netscape 7。

来源:http://www.tulaoshi.com/n/20160220/1632542.html

延伸阅读
标签: Web开发
网页制作Webjx文章简介:AJAX-向服务器发送一个请求,要想把请求发送到服务器,我们就需要使用open()方法和send()方法。 AJAX-向服务器发送一个请求 要想把请求发送到服务器,我们就需要使用open()方法和send()方法。 open()方法需要三个参数。第一个参数定义发送请求所使用的方法(GET还是POST)。第二个参数规定服...
标签: Web开发
    HTTP协议请求里面的, get和post这两种请求。是最常见了,前面用的都是get请求因为是最简单的了。GET请求是通过URL的参数传递的,传的是什么,一幕了然。服务器接它的参数就可以了。不过GET请求有一些限制,最大只能传2K的内容,所以大的文本,还是要用POST来传的。如果要是上传个文件,就必需用POST了,也不能把一个文件...
标签: Web开发
script     //设一个变量     var XMLHttpReq=false;    //创建一个XMLHttpRequest对象    function createXMLHttpRequest(){      if(window.XMLHttpRequest){ //Mozilla       XMLHttpReq=new XMLHttpReques...
标签: Web开发
如下: request.jsp 代码如下: %@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"% !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" html head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" titleInse...
标签: Web开发
您的第一个 AJAX 应用程序 为了让您理解 AJAX 的工作原理,我们将创建一个小型的 AJAX 应用程序。 首先,我们需要一个带有两个文本框的 HTML 表单:用户名和时间。用户名文本框由用户填写,而时间文本框使用 AJAX 进行填写。 此 HTML 文件名为 "testAjax.htm"(请注意这个 HTML 表单没有提交按钮!): htmlbodyform name="...

经验教程

697

收藏

41
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部