`

prototype 的ajax

 
阅读更多

初步使用,有些情况,比jquery 好使

var updater;

 

function changeUser(newUser, newName) {

$('currentChat').value = "";

targetName = newName;

targetUser = newUser;

 

$('nameTag').innerHTML = targetName;

 

updater.stop();

updater = new Ajax.PeriodicalUpdater('currentChat', 'ChatServlet', {

method : 'get',

insertion : Insertion.Bottom,

frequency : pl,

parameters : {

getMessages : targetUser

}

});

 

}

 

function populateForm() {

 

new Ajax.Request('ChatServlet', {

 method: 'get',

 asynchronous: false,

 parameters: {

initConn: 'initConn',

targetUser:targetUser,

userName:userName,

password:password

}

  });

 

new Ajax.Updater('roster', 'ChatServlet', {

method : 'get',

parameters : {

getRoster : 'yes',

userName:userName,

password:password

}

});

 

updater = new Ajax.PeriodicalUpdater('currentChat', 'ChatServlet', {

method : 'get',

insertion : Insertion.Bottom,

frequency : pl,

parameters : {

getMessages : targetUser,

userName:userName,

password:password

},

onSuccess:function(data,hd){

setTimeout(function(){

var obj = document.getElementById("currentChat");

obj.scrollTop= obj.scrollHeight;

},200);

}

});

 

$('nameTag').innerHTML = targetName;

 

}

 

function sendMessage() {

 

new Ajax.Request('ChatServlet', {

method : 'get',

parameters : {

target : targetUser,

message : $('newChatText').getValue(),

userName:userName,

password:password

}

});

 

$('newChatText').value = "";

 

}

 

function strdown(event) {

if (event.keyCode == 13) {

//event.keyCode=0;   //取消回车

document.getElementById("newChatButton").click();

return false;

}

}

 

 

分享到:
评论

相关推荐

    Prototype Ajax学习范例

    Prototype.js是JavaScript库,它为Web开发提供了许多实用的功能,特别是在处理Ajax交互方面。这个"Prototype Ajax学习范例"提供了一系列实例,旨在帮助开发者迅速掌握使用Prototype进行Ajax操作的技巧。 Ajax,即...

    prototype ajax提交大数据

    当我们谈论“prototype ajax提交大数据”时,我们指的是利用JavaScript的原型链特性来处理通过Ajax异步传输大量数据的问题。 Ajax,即Asynchronous JavaScript and XML,是一种在不刷新整个页面的情况下与服务器...

    struts2 prototype ajax

    struts2 prototype ajax验证单个文本框

    prototype ajax

    Prototype AJAX 框架是JavaScript库Prototype的核心特性之一,它为Web开发提供了强大的异步通信功能。Prototype通过简化XMLHttpRequest对象的使用,使得开发者能够轻松地实现页面与服务器之间的数据交换,无需刷新...

    prototype ajax 简化版本

    prototype ajax 简化版本

    prototype的Ajax介绍

    ### Prototype的Ajax介绍 #### 一、Prototype框架与Ajax **Prototype** 是一款JavaScript库,其设计目的是为了简化客户端脚本编程。它提供了一系列高级功能,使得开发人员能够更加高效地构建动态网页应用。其中,*...

    prototype Ajax 深度解析

    在Prototype中,与Ajax相关的类和对象包括:Ajax、Ajax.Responsders、 Ajax.Base、Ajax.Request、Ajax. PeriodicalUpdater和Ajax.Updater,图2-3所示为这些类和对象之间的关系及其常用属性和方法,下面分别对这些类...

    prototype-ajax例子

    本示例将探讨如何使用Prototype库进行Ajax交互,通过`AjaxServlet.java`(一个Java后端处理程序)和`ajax2.jsp`(一个JSP页面,用于展示Ajax请求的结果)来实现这一功能。 首先,我们来看`AjaxServlet.java`。这是...

    Ajax(Ajax,jquery,prototype综合).rar

    7. **Prototype的Ajax**:Prototype库提供了一个强大的Ajax模块,包括`Ajax.Request`用于发起请求,`Ajax.Updater`用于更新页面内容。它还提供了一些便利的选项和事件处理,使开发更加灵活。 8. **应用场景**:Ajax...

    prototype的ajax应用

    Prototype是JavaScript库,它为浏览器环境提供了许多便利的功能,特别是在处理AJAX(异步JavaScript和XML)方面。AJAX允许Web应用程序在不刷新整个页面的情况下与服务器交换数据并更新部分网页,极大地提升了用户...

    prototype Ajax+Servlet(附Demo)

    NULL 博文链接:https://plane.iteye.com/blog/334832

    prototype ajax的一个很好的包

    ajax的一个很好的包 欢迎大家来下载 哈哈

    prototype-AJAX案例

    在JavaScript的世界里,Prototype是一个非常著名的库,它扩展了JavaScript的基本对象,并且提供了一系列实用的函数,使得开发者在处理DOM操作、AJAX交互等方面的工作变得更加简单。本案例将重点探讨如何利用...

    jquery prototype dojo 之 Ajax example and 学习总结

    本文将结合标题“jquery prototype dojo 之 Ajax example 和学习总结”以及描述,深入探讨jQuery、Prototype和Dojo这三种JavaScript库中的Ajax应用,以及相关的学习要点。 首先,jQuery是目前最流行的JavaScript库...

    使用prototype简化Ajax操作

    在"使用prototype简化Ajax操作"这个主题中,我们将深入探讨Prototype库如何使Ajax变得更加简单易用。 首先,Prototype为Ajax操作提供了一个统一的接口——`Ajax`对象。这个对象下包含了一系列方法,如`Request`、`...

    prototype

    而当我们谈论"prototype ajax"时,我们实际上是在讨论如何利用Prototype库来实现异步数据交互,也就是常说的Ajax技术。 Prototype是一个JavaScript框架,由Sam Stephenson开发,它提供了一系列方便的工具函数和模式...

    精通prototype开发Ajax应用

    【精通prototype开发Ajax应用】 Prototype是一个JavaScript库,由Sam Stephenson创建,专注于简化Web应用程序的开发,特别是构建具有高交互性的Web 2.0特性。它通过提供一系列强大的工具和扩展,使JavaScript编程...

    AJAX应用手册.doc

    2. **使用Prototype AJAX库发送请求**:客户端通过Prototype AJAX库向服务器发送POST请求(如用户注册请求),同时发送GET请求获取执行信息。这两个请求分别由`postAjax`和`getInfo`函数处理。 3. **实现递归请求...

    Prototype对Ajax的支持

    ### Prototype对Ajax的支持 在Web开发领域中,Ajax(Asynchronous JavaScript and XML)技术的应用极大地提升了用户界面的交互性和响应速度。Prototype JavaScript框架作为一种简化JavaScript编程的工具,它内置了...

    ASP基于Prototype的Ajax无刷新登录实例

    ASP基于Prototype的Ajax无刷新登录实例是一个非常适合初学者学习AJAX技术的应用案例。在这个实例中,我们将探讨如何在ASP(Active Server Pages)环境中利用Prototype JavaScript库实现无刷新的用户登录功能,同时...

Global site tag (gtag.js) - Google Analytics