首页 相关文章 AJAX教程(6):AJAX - 请求服务器

AJAX教程(6):AJAX - 请求服务器

AJAX - 向服务器发送一个请求

要想把请求发送到服务器,我们就需要使用 open() 方法和 send() 方法。

open() 方法需要三个参数。第一个参数定义发送请求所使用的方法(GET 还是 POST)。第二个参数规定服务器端脚本的 URL。第三个方法规定应当对请求进行异步地处理。

send() 方法可将请求送往服务器。如果我们假设 HTML 文件和 ASP 文件位于相同的目录,那么代码是这样的:

xmlHttp.open("GET","time.asp",true);xmlHttp.send(null);

现在,我们必须决定何时执行 AJAX 函数。当用户在用户名文本框中键入某些内容时,我们会令函数在幕后执行。

htmlbodyscript type="text/javascript"function ajaxFunction() { var xmlHttp;  try{   // Firefox, Opera 8.0+, SafarixmlHttp=new XMLHttpRequest();...[ 查看全文 ]

2016-02-20 标签:
  • 标签:Web开发
    网页制作Webjx文章简介:AJAX-向服务器发送一个请求,要想把请求发送到服务器,我们就需要使用open()方法和send()方法。 AJAX-向服务器发送一个请求 要想把请求发送到服务器,我们就需要使用open()方法和send()方法。 open()方法需要三个参数。第一个参数定义发送请求所使用的方法(GET还是POST)。第二个参数规定服务器端脚本的URL。第三个方法规定应当对请求进行异步地处理。 ...[ 查看全文 ]
  • 标签:Web开发
    AJAX 使用 Http 请求 在传统的 JavaScript 编程中,假如您希望从服务器上的文件或数据库中得到任何的信息,或者向服务器发送信息的话,就必须利用一个 HTML 表单向服务器 GET 或 POST 数据。而用户则需要单击提交按钮来发送/获取信息,等待服务器的响应,然后一张新的页面会加载结果。 由于每当用户提交输入后服务器都会返回一张新的页面,传统的 web 应用程序变得运行缓慢,且越来越不友好。 通过利用 A...[ 查看全文 ]
  • 首先看下看下相对简单些的--向服务器发送一个包含有名/值对的简单查询串,在这种情况下XHP即可以用GET也可以用POST。 GET function doRequestUsingGET() { createXMLHttpRequest(); var queryString = " GetAndPostExample? " ; queryString = queryString + createQueryString()+ " &timeStamp= " + new Date().getTime(); xmlHttp.onreadystatechange = handleStateChange; xmlHttp.op...[ 查看全文 ]
  • 标签:Web开发
    网页制作Webjx文章简介:在传统的JavaScript编程中,假如您希望从服务器上的文件或数据库中得到任何的信息,或者向服务器发送信息的话,就必须利用一个HTML表单向服务器GET或POST数据。而用户则需要单击“提交”按钮来发送/获取信息,等待服务器的响应,然后一张新的页面会加载结果。 AJAX使用Http请求 在传统的JavaScript编程中,假如您希望从服务器上的文件或数据库中得到任何的信息,或...[ 查看全文 ]
  • 标签:Web开发
    在给blog加上无刷新搜索和即时验证检测后,又看了下代码,感觉太过麻烦,就把XMLHttpRequest请求封装到一个类里面,用起来方便多了,不用记那么多代码,什么创建XMLHttpRequest对象什么的,这部分代码也是重用性比较高的~已经打包,在日志的末尾下载。 要看效果的话点左侧边栏里的日志搜索,里面有一个无刷新搜索,就是了,或者在阅读日志或留言簿里的注册码那里有即时检测,如果不输入验证码或者输错了验...[ 查看全文 ]
  • 标签:Web开发
    这样的话就增加了服务器的负担。后面自己他细想了一下。想利用ajax去实现这样一个效果。代码如下: 前台代码: 代码如下: %@ Page Language="C#" AutoEventWireup="true" CodeFile="ServerTextBoxdata.aspx.cs" Inherits="Default3" % !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/x...[ 查看全文 ]
  • 标签:Web开发
    通过MS AJAX可以扩展一个服务器端控件在客户端呈现后的特性,使其界面更加友好。         实例代码:IScriptControl.rar         一、创建网站,选择ASP.NET AJAX-Enabled Web Site.         二、向项目中添加一个类,使其派生自TextBox,并实现IScriptControl接口。如下代码实...[ 查看全文 ]
  • 标签:Web开发
    1. Accordion Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只展开其中一个CollapsiblePanel.Accordion控件内部包含了若干个AccordionPane,每一个AccordionPane的template里包括了对其Header和Content的定义。我们可以在后台代码中通过SelectedIndex属性取得当前展开的哪一个Panel,还可以控制哪一个Panel展开。 经常可以...[ 查看全文 ]
  • 标签:Web开发
    一、 简介 今天,AJAX成为软件界最流行的词藻之一;然而,这种思想并不是新的,只是由于某种原因,在去年下半年,它才变得流行起来。随着基于web的应用软件的不断发展,用户往往要求更丰富更快速的接口。而AJAX能极大地改进用户的web应用程序体验。   对于我来说,AJAX是全新的。在一段时间以前,由于缺乏可试用的工具和现成的可用库,我读了一些文章才得到一些思想。然而最近,我发现了Ajax....[ 查看全文 ]
  • 标签:Web开发
    我们已看到AJAX可被用来创建更多交互性的应用程序。 AJAXSuggest实例 在下面的AJAX例子中,我们会演示当用户向一个标准的HTML表单中输入数据时网页如何与web服务器进行通信。 在下面的文本框中输入名字: FirstName: Suggestions: 例子解释-HTML表单 表单的HTML代码: form FirstName:inputtype="text"id="txt1"onkeyup=...[ 查看全文 ]
  • 标签:Web开发
    AJAXSuggest源代码的实例 下面的源代码属于上一节的AJAX实例。 您可以拷贝粘贴这些代码,然后亲自测试一下。 AJAXHTML页面 这是HTML页面。它包含了一个简单的HTML表单,以及一个指向JavaScript的链接。 html head scriptsrc="clienthint.js"/script /head body form FirstName:inputtype="text"id="txt1...[ 查看全文 ]
  • 标签:Web开发
    AJAX 请求 在下面的 AJAX 例子中,我们将演示当用户向 web 表单中输入数据时,网页如何与在线的 web 服务器进行通信。 此例包括三张页面: a simple HTML form a JavaScript a PHP page HTML 表单 这是 HTML 表单。它包含一个简单的 HTML 表单和指向 JavaScript 的链接: html head script src="clienthint.js"/script /head body form First Name: input type="text" id="txt1" onkeyup="showHin...[ 查看全文 ]
  • 标签:Web开发
    AJAX - 浏览器支持 AJAX 的要点是 XMLHttpRequest 对象。 不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的。 IE 浏览器使用 ActiveXObject ,而其他的浏览器使用名为 XMLHttpRequest 的 JavaScript 内建对象。 如需针对不同的浏览器来创建此对象,我们要使用一条 "try and catch" 语句。您可以在我们的 JavaScript 教程中阅读更多有关 try 和 catch 语句 的内容。 让我们用这段创...[ 查看全文 ]
  • 标签:Web开发
    目的是实现了,个人觉得在执行速度上不是很理想,希望大家帮忙改进,谢谢! 大家知道IE只能一次发送一个Ajax请求,你是否尝试过在一个页面上用Ajax请求多次,虽然可以实现我们发现代码很乱 我们来实现一个在页面呈现缓存的例子吧! //获取Dom function $(id) { return document.getElementById(id); } 思路:我们把要加载的缓存放在一个集合中,再迭代集合实现所有的获取缓存请求 var cache={page:"Index",id:...[ 查看全文 ]
  • 标签:Web开发
    AJAX获取服务器当前时间 ------------------------------ WebService1.asmx---------------------------------- 代码如下: // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。 [System.Web.Script.Services.ScriptService] public class WebService1 : System.Web.Services.WebService { [WebMethod] public string HelloWorld() { return "Hello World"; } [WebMe...[ 查看全文 ]
  • 标签: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" titleInsert title here/title script language="javascript"!-- functi...[ 查看全文 ]
  • 标签:Web开发
    script     //设一个变量     var XMLHttpReq=false;    //创建一个XMLHttpRequest对象    function createXMLHttpRequest(){      if(window.XMLHttpRequest){ //Mozilla       XMLHttpReq=new XMLHttpRequest();       }    ...[ 查看全文 ]
  • 标签:Web开发
        HTTP协议请求里面的, get和post这两种请求。是最常见了,前面用的都是get请求因为是最简单的了。GET请求是通过URL的参数传递的,传的是什么,一幕了然。服务器接它的参数就可以了。不过GET请求有一些限制,最大只能传2K的内容,所以大的文本,还是要用POST来传的。如果要是上传个文件,就必需用POST了,也不能把一个文件写到URL上啊。 参看前面的代码,我们知道在ajax中,发送请...[ 查看全文 ]
  • 标签:Web开发
    多数 Web 应用程序都使用请求/响应模型从服务器上获得完整的 HTML 页面。常常是点击一个按钮,等待服务器响应,再点击另一个按钮,然后再等待,这样一个反复的过程。有了 Ajax 和 XMLHttpRequest 对象,就可以使用不必让用户等待服务器响应的请求/响应模型了。本文中,Brett McLaughlin 介绍了如何创建能够适应不同浏览器的 XMLHttpRequest 实例,建立和发送请求,并响应服务器。 本系列的上一期文章(请参...[ 查看全文 ]
  • 标签:Web开发
    如何在PHP中判断一个网页请求是ajax请求还是普通请求?你可以通过传递参数的方法来实现,例如使用如下网址请求: /path/to/pkphp.com/script.php?ajax 在PHP脚本中使用如下方法判断: if(isset($_GET['ajax'])) { …这是一个ajax请求,然后… } else { …这不是一个ajax请求,然后… } 通过传递_GET参数的方法简单实现了网页请求的判断。但是如果需要这样的功能,这个方法可能就...[ 查看全文 ]
手机页面 收藏网站 回到头部