- 浏览: 714783 次
- 性别:
- 来自: 杭州
文章分类
最新评论
-
liuweihug:
.net的请参考:Jquery+asp.net 后台数据传到前 ...
jquery ajax POST 例子详解 -
topbox163:
LZ,有LINUX 64位的WEBLOGIC没?
WebLogic11g|Oracle WebLogic Server 11gR1|下载
js封装代码
function Ajax(){
// doc.innerHTML='<span><img src="image/load.gif"/>Loading...</span>';
////创造对象
var xmlhttp;
try
{
if (window.ActiveXObject){
/* 不要删除以下注释,这部分不是注释 */
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
xmlhttp = new ActiveXObject("Msxml2.xmlhttp");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.xmlhttp");
} catch (e) {
xmlhttp = false;
}
}
@end @*/
}else{
xmlhttp=new XMLHttpRequest();
}
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
xmlhttp = new XMLHttpRequest();
}
}
catch(e)
{
alert(e.message);
}
//alert(xmlhttp);
if(!xmlhttp)
{
alert("你的浏览器不支持xmlhttp对象,所以一些功能无法使用,建议使用高版本的浏览器!!");
return;
}
//
///函数主题
this.getData=function(url,data,dodata)
{
var verbs =data;
// alert(data);
xmlhttp.open("POST", url,true);
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4){
dodata(xmlhttp);
}
}
xmlhttp.setRequestHeader("Content-Length",verbs.length);
xmlhttp.setRequestHeader("CONTENT-TYPE","application/x-www-form-urlencoded");
xmlhttp.send(verbs);
}
/////
this.getUrlData=function(url,data,dodata)
{
xmlhttp.open("GET",url,true);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
dodata(xmlhttp);
Status.setStatusShow(false);
}
else
{
Status.showInfo("加载中...");
}
}
xmlhttp.setRequestHeader("CONTENT-TYPE","application/x-www-form-urlencoded");
xmlhttp.send(null);
}
this.getFormData=function(demo)
{
alert(demo);
}
///函数主题
}
/**
* @author zxub 2006-06-01
* 状态信息显示类,用var Status=new function()定义,可以静态引用其中的方法
* 一般情况下为function Status(),这样不能静态引用其中的方法,需要通过对象来引用
*/
var Status=new function()
{
this.statusDiv=null;
/**
* 初始化状态显示层
*/
this.init=function()
{
if (this.statusDiv!=null)
{
return;
}
var body = document.getElementsByTagName("body")[0];
var div = document.createElement("div");
div.style.position = "absolute";
div.style.top = "50%";
div.style.left = "50%";
div.style.width = "280px";
div.style.margin = "-50px 0 0 -100px";
div.style.padding = "15px";
div.style.backgroundColor = "#353555";
div.style.border = "1px solid #CFCFFF";
div.style.color = "#CFCFFF";
div.style.fontSize = "14px";
div.style.textAlign = "center";
div.id = "idstatus";
body.appendChild(div);
div.style.display="none";
this.statusDiv=document.getElementById("idstatus");
}
this.init=function(obj)
{
if (this.statusDiv!=null)
{
return;
}
// alert(postion.y+postion.height);
var postion=GetPosition(obj);
var body = document.getElementsByTagName("body")[0];
var div = document.createElement("div");
div.style.position = "absolute";
div.style.top = ((postion.y+postion.height)+"px");
div.style.left = postion.x+"px";
div.style.width = "280px";
div.style.height = "120px";
div.style.margin = "0 0 0 0";
div.style.padding = "15px";
div.style.backgroundColor = "#FFFFCC";
div.style.border = "1px solid #CFCFFF";
div.style.color = "#000000";
div.style.fontSize = "14px";
div.style.textAlign = "left";
div.style.overFlowY = "scroll";
div.id = "idstatus";
body.appendChild(div);
div.style.display="none";
this.statusDiv=document.getElementById("idstatus");
}
/**
* 设置状态信息
* @param _message:要显示的信息
*/
this.showInfo=function(_message)
{
if (this.statusDiv==null)
{
this.init();
}
this.setStatusShow(true);
this.statusDiv.innerHTML = _message;
}
this.showInfo=function(_message,obj)
{
if (this.statusDiv==null)
{
this.init(obj);
}
this.setStatusShow(true,obj);
this.statusDiv.innerHTML = _message;
}
/**
* 设置状态层是否显示
* @param _show:boolean值,true为显示,false为不显示
*/
this.setStatusShow=function(_show)
{
if (this.statusDiv==null)
{
this.init();
}
if (_show)
{
this.statusDiv.style.display="";
}
else
{
this.statusDiv.innerHTML="";
this.statusDiv.style.display="none";
}
}
this.setStatusShow=function(_show,obj)
{
if (this.statusDiv==null)
{
this.init(obj);
}
if (_show)
{
this.statusDiv.style.display="";
}
else
{
this.statusDiv.innerHTML="";
this.statusDiv.style.display="none";
}
}
}
function GetPosition(element) {
var result = new Object();
result.x = 0;
result.y = 0;
result.width = 0;
result.height = 0;
if (element.offsetParent) {
result.x = element.offsetLeft;
result.y = element.offsetTop;
var parent = element.offsetParent;
while (parent) {
result.x += parent.offsetLeft;
result.y += parent.offsetTop;
var parentTagName = parent.tagName.toLowerCase();
if (parentTagName != "table" &&
parentTagName != "body" &&
parentTagName != "html" &&
parentTagName != "div" &&
parent.clientTop &&
parent.clientLeft) {
result.x += parent.clientLeft;
result.y += parent.clientTop;
}
parent = parent.offsetParent;
}
}
else if (element.left && element.top) {
result.x = element.left;
result.y = element.top;
}
else {
if (element.x) {
result.x = element.x;
}
if (element.y) {
result.y = element.y;
}
}
if (element.offsetWidth && element.offsetHeight) {
result.width = element.offsetWidth;
result.height = element.offsetHeight;
}
else if (element.style && element.style.pixelWidth && element.style.pixelHeight) {
result.width = element.style.pixelWidth;
result.height = element.style.pixelHeight;
}
return result;
}
页面js代码
function suggestValue(ele)
{
if(ele.value.length<1)
return ;
new Ajax().getData("/ajax.ashx","isAjax=true&switch=100&value="+ele.value,function(obj){;
var values = eval(obj.responseText);
var tempDiv ="";
for(var i=0;i<values.length;i++)
{
tempDiv+='<div style="cursor:hand;width:100%" onmouseover=\'this.style.backgroundColor="#ffff88"\' onmouseout=this.style.backgroundColor="#FFFFCC" onclick=\'javascript:document.getElementById("mzzd").value="'+values[i].value+'";Status.setStatusShow(false);\' class="suggest_link_over">'+values[i].name+'</div>';
}
Status.showInfo(tempDiv,document.getElementById(ele.id));
});
}
页面html代码<input id="idkey" style="width:36%" value="请输入拼音首字母" onfocus="if(value=='请输入拼音首字母')value='';if(value.length>0)suggestValue(this)" type="text" onkeyup='suggestValue(this)' />
服务器返回代码格式:[{name:"names"},{password:"password"}]
发表评论
-
js日期控件
2010-11-27 22:37 838<script language="javas ... -
web打印控件|打印预览
2010-10-30 17:18 740web打印控件|打印预览 http://files.cnblo ... -
jquery 获取radio 选中的值
2010-09-16 10:48 727var val = $("input[@n ... -
showModalDialog参数详解|使用方法
2010-09-17 11:40 868基本介绍: showModalDialog ... -
fck editor 编辑器例子下载|配置说明
2010-09-26 11:26 647将例子里的fck文件夹考到你的站点目录里 然后将web.con ... -
jquery控件|jquery ui 控件 例子 含 message|window |dialog
2010-09-26 11:40 817jquery的优秀的控件库 包括常用 messager dia ... -
省市区联动控件
2010-09-27 14:25 676<input type="text" ... -
让iframe 100%填充页面代码|100% height|100% width
2010-08-23 10:09 1689让iframe 100%填充页面代码 要想让iframe 高1 ... -
判断html修改日期
2010-08-18 23:23 715<script type="text/java ... -
js 跨域访问 找了好长时间
2010-07-26 23:07 791一直没时间玩js,看到douban网的开放api后,查了些文档 ... -
跨域访问 js 使用json script 跨域访问
2010-07-27 11:19 910代码 <!--<br/ />< ... -
jquery ui dialog|popup 弹出窗口层
2010-03-25 16:53 2996jquery ui dialog|popup 弹出窗口层 ... -
“Internet Explorer无法打开站点,已终止操作”解决
2010-03-31 14:47 2589“Internet Explorer无法打开站点,已终止操作” ... -
jquery ajax POST 例子详解
2010-04-08 10:28 1349function test(){ $.ajax({ ... -
js判断间隔时间
2009-07-23 12:17 1017function timer(){var l = (new D ... -
ajax|消息提示框|js获取html绝对位置 封装
2009-10-28 16:03 1283function Ajax( ... -
移动上去换样式代码
2009-11-17 13:42 605<style>.op_m { BORDER-RIG ... -
js解析xml文件
2010-02-04 17:05 656function initTreeNode(dtree) ... -
左右移动的js分割面板
2010-02-26 10:04 843<!DOCTYPE html PUBLIC " ...
相关推荐
而GoogleSuggest和Slider两个较为复杂,在GoogleSuggest和Slider两个工程中都用到了数据库驱动包:msbase.jar、mssqlserver.jar、msutil.jar,以此来连接SQL Server数据库。这两个程序都用到了数据库C3C,可以直接将...
而GoogleSuggest和Slider <br>两个较为复杂,在GoogleSuggest和Slider两个工程中都用到了数据库驱动包:msbase.jar、 <br>mssqlserver.jar、msutil.jar,以此来连接SQL Server数据库。这两个程序都用到了...
而GoogleSuggest和Slider <br>两个较为复杂,在GoogleSuggest和Slider两个工程中都用到了数据库驱动包:msbase.jar、 <br>mssqlserver.jar、msutil.jar,以此来连接SQL Server数据库。这两个程序都用到了...
而GoogleSuggest和Slider <br>两个较为复杂,在GoogleSuggest和Slider两个工程中都用到了数据库驱动包:msbase.jar、 <br>mssqlserver.jar、msutil.jar,以此来连接SQL Server数据库。这两个程序都用到了...
而GoogleSuggest和Slider <br>两个较为复杂,在GoogleSuggest和Slider两个工程中都用到了数据库驱动包:msbase.jar、 <br>mssqlserver.jar、msutil.jar,以此来连接SQL Server数据库。这两个程序都用到了...
而GoogleSuggest和Slider <br>两个较为复杂,在GoogleSuggest和Slider两个工程中都用到了数据库驱动包:msbase.jar、 <br>mssqlserver.jar、msutil.jar,以此来连接SQL Server数据库。这两个程序都用到了...
4.9 联想输入框——Suggest Box 4.10 树结构——Tree 4.11 菜单条——MenuBar 4.12 栈板——StackPanel 4.13 基本输入框的——TextBox,PasswordTextBox,TextArea 4.14 弹出框框——RichTextArea 4.15 弹出对话框...
ajax实现输入提示(类似百度和Google的输入提示) 用法非常简单: 1、在jsp页面引入autosuggest.js文件 2、建一个text文本框 3、写js代码: <script> new actb("tb", loadAllMessage("suggest" , ""), null); 4、这...
1.本书1~16章所附代码的运行环境 ...程序描述:本章将仿照Google Suggest,使用Ajax技术实现动态获取搜索提示的功能。当输入搜索关键字时,自动向服务器发送请求,查询相关的关键字,并及时提示用户可输入的关键字。 ...
10.1.2 Google Suggest 10.1.3实战开发Ajax输入前提示 10.2 服务器端框架:C# 10.2.1 服务器与数据库 10.2.2 测试服务器端代码. 10.3 客户端框架 10.3.1 HTML 10.3.2 JavaScript 10.3.3 访问服务器 10.4 添加功能:...