`
谷超
  • 浏览: 166239 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ajax初体验--前台页面与后台的交互

阅读更多
<script language="javascript">  

function getKQSL(){
  var xmlHTTP = newXMLHttpRequest();//得到XMLHttpRequest对象
          var surl="XXX.do";  
  xmlHTTP.open("POST",surl, false);  
  xmlHTTP.send("");//发送请求
            if(xmlHTTP.readyState==4){  
      var retvalue=xmlHTTP.responseText;//得到返回值    
            }
  xmlHTTP=null;
  return retvalue;
}

function newXMLHttpRequest() {

  var xmlreq = false;

  if (window.XMLHttpRequest) {

    // Create XMLHttpRequest object in non-Microsoft browsers
    xmlreq = new XMLHttpRequest();

  } else if (window.ActiveXObject) {

    // Create XMLHttpRequest via MS ActiveX
    try {
      // 得到IE6.0+之后的XMLHttpRequest对象
      xmlreq = new ActiveXObject("Msxml2.XMLHTTP");

    } catch (e1) {

      // Failed to create required ActiveXObject

      try {
        // Try version supported by older versions
        // of Internet Explorer

        xmlreq = new ActiveXObject("Microsoft.XMLHTTP");

      } catch (e2) {

        // Unable to create an XMLHttpRequest with ActiveX
      }
    }
  }

  return xmlreq;
}

</script> 
分享到:
评论

相关推荐

    前台ajax与后台json传递

    "前台Ajax与后台Json传递"这个主题就是关注如何高效地实现这一交互过程。Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下,实现局部数据的更新,而Json(JavaScript Object Notation...

    应届生毕业设计--旅游网站(前台+后台)

    5. **前后端交互**:项目中,前端使用AJAX或者Fetch API与后端进行异步通信,实现无刷新的数据更新,提高用户体验。例如,用户搜索旅游产品时,前端发送请求,后端返回相关数据并动态渲染在页面上。 6. **RESTful ...

    ajax 前台js调用后台方法

    ### AJAX 前台JS调用后台方法详解 随着互联网技术的发展,前后端分离成为一种趋势,而异步请求作为前后端交互的重要手段之一,在实际开发中占据着重要的位置。AJAX(Asynchronous JavaScript and XML)是一种在无需...

    ASP.NET-AJAX-web-chat-application.zip_asp.net ajax

    通过AJAX,后台数据处理与前台用户界面更新可以异步进行,使得聊天过程更加流畅。 【主要知识点】: 1. **ASP.NET**:ASP.NET是由微软提供的一个用于构建Web应用程序的开发框架。它包含了多种服务,如状态管理、...

    Ajax实时后台信息提示

    - **异步通信**:Ajax的核心是XMLHttpRequest对象,它允许JavaScript在后台与服务器进行通信,而不会打断用户的交互。 - **JavaScript控制**:通过JavaScript调用XMLHttpRequest对象的方法,如open()来初始化请求...

    简单Ajax前台后台实例

    总的来说,这个简单的Ajax实例展示了如何通过前后端配合,实现动态更新页面内容的效果,为用户提供了更友好的交互体验。在实际开发中,我们可以在此基础上添加更多功能,如分页、搜索等,进一步提升应用的实用性。

    asp.net ajax异步获取数据...前台直接调用后台方法版..

    在标题和描述中提到的"前台直接调用后台方法",正是ASP.NET AJAX的核心特性之一,即通过AJAX调用在客户端实现对服务器端方法的调用,从而提高用户体验。 ASP.NET AJAX主要由两部分组成:客户端库(MicrosoftAjax.js...

    vs2008后台调用前台,前台调用后台代码

    了解ASP.NET页面的生命周期对于理解和处理前后台交互至关重要。包括初始化、加载、验证、呈现和卸载等阶段。在适当的时间点注册事件处理程序,处理数据绑定和状态管理,是有效编程的关键。 总结来说,VS2008中的...

    ztree插件前台和后台数据交互

    在后台,通常我们需要使用Java来处理业务逻辑,生成JSON格式的数据,这是ZTree与后台交互的主要数据载体。 1. **JSON数据格式**:ZTree的数据源主要是JSON对象数组,每个对象代表一个树节点,包含id、name、pId(父...

    AJAX,AJAXPro,Anthem实现前台调用后台代码实例

    AJAX(Asynchronous JavaScript and XML)技术的出现,极大地提升了用户体验,因为它允许页面在不刷新整个页面的情况下与服务器进行数据交换。本实例将探讨如何使用AJAX、AJAXPro和Anthem这三种不同的方法实现在前端...

    ECharts前台后台数据交互Demo

    本教程将深入讲解如何通过AJAX技术实现ECharts与后台MySQL数据库的数据交互,以创建动态、实时的数据展示Demo。 一、ECharts简介 ECharts是一款轻量级的图表库,支持多种图表类型,可以灵活地进行配置和定制,满足...

    c# webform无刷新前后台交互

    "无刷新前后台交互"则是现代Web应用的一个重要特性,它允许用户在不重新加载整个页面的情况下与服务器进行通信,提升了用户体验。下面将详细探讨C# WebForm实现无刷新前后台交互的方法、技术以及相关知识点。 1. **...

    前后台交互案例

    在IT行业中,前后台交互是构建动态Web应用的关键部分,它允许用户与服务器进行实时数据交换,提升用户体验。本案例主要关注的是前端使用jQuery的AJAX方法与C#后台进行通信的技术实现。以下是对这个主题的详细阐述: ...

    Django结合ajax进行页面实时更新的例子

    在Web开发中,Django和Ajax的结合使用可以极大地提升用户体验,通过无刷新的方式实现实时页面更新。本文将详细讲解如何在Django框架下利用Ajax实现数据的动态更新。 首先,我们需要理解Django和Ajax的基本概念。...

    SSM整合前台后台交互的三级省市联动

    在实现"SSM整合前台后台交互的三级省市联动"时,关键步骤包括: 1. **前端页面**:通常使用HTML、CSS和JavaScript构建,其中JavaScript负责异步请求(Ajax)。Ajax技术允许我们在不刷新整个页面的情况下与服务器...

    Ajax 上传图片 前台后台都有 代码简单易懂 总共加起来不到80行

    利用Ajax技术进行图片上传,可以实现用户在上传图片时获得更好的交互体验。 #### 二、前后端分离与集成 **1. 前后端职责划分:** - **前端**主要负责用户的界面交互逻辑处理,包括获取用户选择的文件、构建请求等...

    前台从java后台获取excel表格并下载

    8. **前端交互**:前端可能使用Ajax请求来触发后台生成Excel,这样可以在不刷新页面的情况下完成下载。前端需要监听HTTP响应,处理返回的文件数据,并显示下载提示。 以上就是“前台从java后台获取excel表格并下载...

    经典前台技术AJAX

    它允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容,极大地提升了用户体验。AJAX的核心是利用JavaScript的XMLHttpRequest对象来实现客户端与服务器之间的通信。尽管XML最初被提及在AJAX中,...

    使用struts2框架来实现前台与后台的交互

    通过以上描述,我们可以看出Struts2是一个功能强大的框架,它简化了Web应用的开发,提高了前后台交互的效率,同时也提供了高度的可扩展性和可配置性。学习并熟练掌握Struts2,对于提升Java Web开发能力大有裨益。

    编写轻量ajax组件02--浅析AjaxPro

    AJAXPro是一个基于.NET的轻量级Ajax组件,尽管它发布的时间较早,但它的设计理念和实现方法对当前开发者仍然具有一定的参考价值。下面我们就来详细探讨一下AJAXPro的使用以及一些重要的知识点。 ### 1. AjaxPro的...

Global site tag (gtag.js) - Google Analytics