AJAX的例子

var XMLHttpReq;

//根据不同的浏览器创建不同的XMLHttpRequest对象
function createXMLHttpRequest()
{
 if (window.XMLHttpRequest)
 {
          
  XMLHttpReq = new XMLHttpRequest();
 } else {
  if (window.ActiveXObject)
   {
    
   try {
               
    XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
   }catch (e) {

try {
     XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }catch (e) {
    
    }
   }
  }
 }
}

//发送请求
function sendRequest()
{
 //获取前台表单数据
 var username  = document.getElementById("username").value;
 var super_id = document.getElementById("select").value;
 
  //创建XMLHttpRequest对象
  createXMLHttpRequest();
       
  //指定处理请求的 Servlet  URL
  var url = "chanageManager.do";
        
    //打开连接 以post发送  进行异步
  XMLHttpReq.open("POST", url, true);
 
    //以post发送时 必须设置RequestHeader
  XMLHttpReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 
      //设置回调函数
  XMLHttpReq.onreadystatechange = processResponse;
 
    //把请求发送出去
  XMLHttpReq.send("username=" + username + "&super_id=" + super_id);
 
}

//回调函数
function processResponse()
{
      
    //readyState == 4 表示与服务器交互完成
 if (XMLHttpReq.readyState == 4)
  {
           
   //XMLHttpReq.status == 200 表示服务器正常反馈客户端信息
  if (XMLHttpReq.status == 200)
   {
   
              //处理相关业务逻辑

var result = XMLHttpReq.responseText;
   
   if(result =="true"){
    alert("更改主管成功!");
   }else{
    alert("更改主管失败o(︶︿︶)o,请请重试!");
   }


 }
}

时间: 2024-11-12 02:08:27

AJAX的例子的相关文章

上海岳城科技一个简单的Ajax请求例子

Ajax不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术.通过Ajax,您可以使用 JavaScript的XMLHttpRequest对象来直接与服务器进行通信.您可以在不重载页面的情况与 Web 服务器交换数据.在本文的例子中,我们将演示当用户向一个标准的HTML表单中输入数据时网页如何与web服务器进行通信. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo

Ajax入门例子

在customer.php的文件中,代码如下: <html> <head> <script type="text/javascript"> function showCustomer(str) { var xmlhttp; if (str=="") { document.getElementById("txtHint").innerHTML=""; return; } if (window.

jquery ajax 发送邮件例子

<div class="form"> <dl> <dt>您的称呼<small>(必填)</small></dt> <dd><input id="name" type="text" name="name" class="formText" require></dd> </dl> <dl

asp.net mvc ajax提交例子

@{ Layout = null; } <script src="../../Scripts/jquery-1.10.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $("#btnSubmit").click(function

Ajax 简单例子

1. 认识PHP :             原文地址:https://www.cnblogs.com/yangwu-183/p/9157917.html

LoadRunner测试AJAX

什么是AJAX? Ajax, shorthand for Asynchronous JavaScript and XML, is a web development technique for creating interactive web applications. The intent is to make web pages feel more responsive by exchanging small amounts of data with the server behind th

【jQuery基础学习】05 jQuery与Ajax以及序列化

好吧,这章不像上章那么水了,总是炒剩饭也不好. 关于AJAX 所谓Ajax,全名Asynchronous JavaScript and XML.(也就异步的JS和XML) 简单点来讲就是不刷新页面来发送和获取数据,然后更新页面. Ajax的优势 无需插件支持 优秀的用户体验 提高web程序的性能 减轻服务器和带宽的负担 Ajax的不足 浏览器兼容不足 破坏浏览器前进和后退按钮的正常功能 对搜索引擎的支持不足 开发和调试工具的 缺乏 好吧,这些都是几年前的不足.技术的发展很快,这些不足也会慢慢弥补

Ajax基础与登入

Ajax 是 Asynchronous JavaScript and XML的缩写. Ajax的优点: 优点:减轻服务器的负担,按需取数据,最大程度的减少冗余请求 局部刷新页面,减少用户心理和实际的等待时间,带来更好的用户体验 基于xml标准化,并被广泛支持,不需安装插件等 进一步促进页面和数据的分离 Ajax包含下列技术: 基于web标准(standards-based presentation)XHTML+CSS的表示: 使用 DOM(Document Object Model)进行动态显示

ajax入门级实例

AJAX = Asynchronous JavaScript And XML(异步 JavaScript 及 XML). Ajax 由 HTML.JavaScript? 技术.DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序. 今天记下ajax入门级例子,希望和我一样刚入门的可以看懂. 在AJAX实际运行当中,对于访问XMLHttpRequest(XHR)时并不是一次完成的,而是分别经历了多种状态后取得的结果,对于这种状态在AJAX中共有5