`

dhtml (ajax)

    博客分类:
  • js
阅读更多

<script>
  function outputResponse(loader){
   alert(loader.xmlDoc.responseXML);
   if(loader.xmlDoc.responseXML!=null){
    alert("We Got Response\n\n"+loader.doSerialization())
    //var result = loader.doXPath("/scopes/POST/*");
    //var result=loader.doXPath("/scopes/POST/param[0]");//查/scopes/POST/下第一个param结点
    
    var result=loader.doXPath("/scopes/POST/*");
    for(var i=0;i<result.length;i++){
     alert(result[i].nodeName+" value: "+result[i].firstChild.nodeValue)
     }
   }
   else
    alert("Response contains no XML")
  }
  function sendRequestGet(){
   if(!document.getElementById('sync').checked){
    //dhtmlxAjax.get("php/process.php?"+encodeURI(document.getElementById('params').value),outputResponse);
    dhtmlxAjax.get("../../../data?"+encodeURI(document.getElementById('params').value),outputResponse);
    alert("Request Sent");
   }else{
    var loader = dhtmlxAjax.getSync("../../../data?"+encodeURI(document.getElementById('params').value));
    alert("Request Sent");
    outputResponse(loader)
   }
  }
  function sendRequestPost(){
   if(!document.getElementById('sync').checked){
    dhtmlxAjax.post("../../../data",encodeURI(document.getElementById('params').value),outputResponse);
    alert("Request Sent");
   }else{
    var loader = dhtmlxAjax.postSync("../../../data",encodeURI(document.getElementById('params').value));
    alert("Request Sent");
    outputResponse(loader)
   }
    
  }
 </script>

 

2.servlet: (url-pattern: data)

 

 protected void doPost(HttpServletRequest req, HttpServletResponse resp)
   throws ServletException, IOException {
  req.setCharacterEncoding("UTF-8");//解决post中文乱码
  resp.setContentType("text/xml;charset=utf-8");//解决get中文乱码
  PrintWriter out=resp.getWriter();
  
  String[] params=req.getParameterValues("param");
  System.out.println("params: "+params.length);
  String str="";
  str+="<?xml version=\"1.0\" encoding=\"utf-8\"?>";

  /*str+="<scopes>";
  str+= "<POST>";
  str+= "<param name='test1'>"+params[0]+params[1]+"</param>";
  str+= "</POST>";
  str+= "<GET>";
  str+="<param name='test2'>"+params[0]+"</param>";
  str+="</GET>";
  str+="</scopes>";
  */
  str+="<scopes>";
  str+= "<POST>";
  for(int i=0;i<params.length;i++){
   str+= "<param name='test1'>"+params[i]+"</param>";
  }
  str+= "</POST>";
  str+= "<GET>";
  str+="<param name='test2'>"+params[0]+"</param>";
  str+="</GET>";
  str+="</scopes>";
  out.write(str);
  out.close();
 }

分享到:
评论

相关推荐

    一个非常漂亮的基于DHTML+ajax实现的标签导航类库代码

    总的来说,这个基于DHTML+AJAX的标签导航类库代码提供了一种高效且用户友好的方式来组织和导航网页内容,同时利用现代Web技术实现了高性能和互动性。开发者可以参考和定制这个类库,以适应他们自己的项目需求。

    基于DHTML+AJAX实现的 Menu类库scripts代码例子

    本篇将深入探讨基于DHTML+AJAX实现的Menu类库scripts代码实例,这一技术主要用于构建动态、交互式的网页菜单系统。DHTML(Dynamic HTML)是一种结合了HTML、CSS、JavaScript以及DOM(Document Object Model)的技术...

    用VC获得webbrowser中的网页代码(包括dhtml及ajax变动后的)

    通过阅读和理解这些代码,你可以更好地理解如何在VC++中与`WebBrowser`控件交互,以及如何捕获和处理DHTML和AJAX页面的动态内容。 总结来说,获取`WebBrowser`控件中的网页代码,特别是处理DHTML和AJAX变动,需要对...

    一个非常优秀的基于DHTML+ajax套装类库及大量源码例子程序

    **DHTML+Ajax套装类库**是一组预封装的JavaScript函数和对象,为开发者提供了一种更高效、更简洁的方式来实现DHTML和Ajax功能。这样的类库通常包括了对DOM操作、事件处理、动画效果、Ajax请求等常见任务的封装,使得...

    基于dhtml+ajax实现的漂亮日历calendar源码类库例子

    综合上述内容,我们可以理解这个示例是通过结合dHTML和AJAX技术,利用JavaScript库dhtmlgoodies_calendar创建一个交互式的、美观的日历组件。开发者可以通过研究源代码和实例,学习如何在自己的项目中实现类似的功能...

    DHTML 手册 DHTML 手册

    DHTML 手册通常会涵盖这些基础知识,以及更高级的话题,如框架库(如jQuery)、AJAX使用、响应式设计、跨浏览器兼容性等。通过深入学习和实践DHTML,开发者能够创建更加丰富、互动的网页应用,提升用户与网页的交互...

    DHTML手册 DHTML手册

    此外,JavaScript还可以与服务器进行异步通信(AJAX),在不刷新页面的情况下获取新数据,提升用户体验。 综上所述,DHTML涉及HTML、CSS和JavaScript的综合运用,通过它们的结合,网页可以变得生动活泼,用户交互...

    Dhtml手册(Dhtml手册.chm)

    本Dhtml手册.chm文件是一个关于DHTML的综合参考资料,对于想要深入了解和学习DHTML的开发者来说,是一份宝贵的资源。 1. **HTML基础**:DHTML建立在HTML的基础上,HTML是超文本标记语言,用于创建网页结构。DHTML...

    Ajax,Jscript,DHTML(北大青鸟内部资料)

    Ajax、JScript和DHTML是Web开发中的三个关键技术,它们共同构建了动态、交互式的网页体验。在这份北大青鸟内部资料中,我们将会深入探讨这三个领域的核心概念、使用方法以及它们在实际项目中的应用。 **Ajax...

    一个基于DHTML+ajax技术实现的news-rotator新闻滚动展示类库代码

    综上所述,"news-rotator"是一个利用DHTML和AJAX技术构建的新闻滚动展示类库,它将前端动态更新和后台数据获取相结合,为用户提供无缝的新闻浏览体验。通过理解其工作原理和文件结构,我们可以对其进行定制和优化,...

    四天学会ajax_ajax教程.pdf

    通过DHTML,Ajax能够实时更新页面的部分内容,而无需刷新整个页面。 4. **DOM (Document Object Model)**:DOM是HTML或XML文档的结构化表示,JavaScript通过DOM API可以操纵文档内容、结构和样式。在Ajax中,DOM...

    dhtmlxSuite js组件 ajax组件 dhtml组件

    **dhtml组件** 指的是基于dhtml技术的JavaScript组件,这些组件通常包括但不限于表格、树、图表、日历、对话框等。dhtmlxSuite提供的这些组件具有高度自定义性,可以轻松调整样式、布局和行为,以适应各种项目需求。...

    Dhtml帮助文档 (Dhtml帮助文档)

    DHTML技术的发展也为后来的Ajax(Asynchronous JavaScript and XML)和现代前端框架(如React、Vue、Angular)奠定了基础。虽然现代Web开发有更多高级工具和技术,但理解DHTML的基本原理对于前端开发仍然是非常有...

    DHtml的详细帮助文档

    虽然DHTML主要关注用户界面的动态性,但AJAX技术是实现页面局部更新的关键。AJAX允许在后台与服务器通信,获取数据后更新DOM,实现无刷新页面交互。 7. **DHTML的挑战与兼容性** DHTML的效果依赖于浏览器的支持...

    Ajax从入门到精通.pdf

    2. Ajax 的核心技术:Book 介绍了 Ajax 的核心技术,包括 HTML、JavaScript、DHTML 和 DOM,详细讲解了这些技术的原理、实现方法和实践应用。 3. XMLHttpRequest 对象:书籍详细介绍了 XMLHttpRequest 对象的概念、...

    好用的java投票系统,用到了ajax DHTML

    而“用到了Ajax DHTML”则表明该系统在用户界面和交互方面采用了先进的Web技术,使得投票过程更为动态和实时。 【描述】中提到,“我和我们老师一起做的系统”,这暗示了这是一个教学或实践项目,可能是学生与导师...

    DHTML

    随着Web技术的发展,DHTML的概念逐渐被更现代的技术栈如AJAX(异步JavaScript和XML)和SPA(单页应用)所取代,但DHTML作为Web发展历史上的重要里程碑,对现代前端开发仍然具有深远影响。理解和掌握DHTML相关的HTML...

    最新收集的实用 DHtml 代码例子

    5. **Ajax技术**:DHtml利用Ajax实现页面数据的异步更新,提高用户体验。`XMLHttpRequest`对象是Ajax的基础,通过它发送HTTP请求,获取服务器数据,然后使用JavaScript更新DOM,而无需整个页面刷新。现代浏览器还...

    Dhtml 手册

    AJAX通过创建异步HTTP请求,实现在不刷新整个页面的情况下更新部分内容,这在DHTML中非常常见。 7. **浏览器兼容性**:由于不同浏览器对DHTML的支持程度不同,开发者需要考虑跨浏览器兼容性问题。通常,借助库如...

Global site tag (gtag.js) - Google Analytics