热门标签： c c# c++ asp asp.net linux php jsp java vb Python Ruby mysql sql access Sqlite sqlserver delphi javascript Oracle ajax wap mssql html css flash flex dreamweaver xml

最新文章 : ajax

Buffalo ajax实例

Buffalo是国人开发的Ajax框架
它可以使用户在js中调用java代码里的方法.
配置方法：
1. web.xml中配置相关servlet 如下：
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">

<servlet>
  <servlet-name>buffalo</servlet-name>
  <servlet-class>net.buffalo.web.servlet.ApplicationServlet</servlet-class>
</servlet>

   <servlet-mapping>
  <servlet-name>buffalo</servlet-name>
  <url-pattern>/buffalo/*</url-pattern>
</servlet-mapping>

</web-app>
2. 需要引入的jar包为：
加入两个jar包：buffalo-2.0.jar和commons-logging.jar。注：若commons-logging.jar不加入，会抛出 ......

经典Ajax调用

function delDepart(){
      if(confirm("要删除部门必须删除该部门与员工的关系以及其所有下属部门")){
      var departId=form1.departId.value;//部门ID
      var url = "Depart/DelDepart.aspx?DepartId="+departId;
       xmlHttpRequest=createXMLHttpRequest();
       xmlHttpRequest.open("POST",url,true);
        xmlHttpRequest.onreadystatechange=function()
       {
           if(xmlHttpRequest.readyState==4 && xmlHttpRequest.status==200){
            alert(xmlHttpRequest.responseText);
            cal();
           }
       }
& ......

Js 分页类　（适合Ajax分页用）

调用方法如下:
var p = new Pager(5, 10);
p.init('页码所在的容器ID', dataOp);
function dataOp() {
// ajax数据操作
SendContent("/Admin/TopicService.asmx/GetTopicList?currentPageIndex=" + p.currentPage + "&pageSize=" + p.pageSize, "GET", "", ajax postback method);
}
JS代码如下:
// ==============================================================================
// Created by Bndy at 2010/3/18
// Copyright (c) 2010 ahdzlc, All rights reserved.
//
// * * * * * * * * * * * * * * * *
// * Q Q : 8 1 7 9 5 7 0 5 *
// * M S N : bndy533@msn.com *
// * Email : bndy533@163.com *
// * * * * * * * * * * * * * * * *
//
// ------------------------------------------------------------------------------
// JS 分页函数
// 适合Ajax分页时使用
// ==============================================================================
v ......

AJAX中UpdatePanel控件属性的相关介绍

RenderMode属性：使用某一个元素圈出一个区域，它有两个值：— Block(默认)、Inline
Block：使用的div标记；Inline：使用的是span标记
UpdateMode属性：一个UpdateMode在某次异步回送之后，它并不一定会更新，她可能需要满足一定的条件才更新，如果一个
UpdatePanel的UpdateMode为Always(总是)，则表示在某次异步传送之后肯定会更新，如果为Conditional，这需要UpdatePanel
满足一定的条件时才更新(编程时尽量少用Always，多用Conditional，这样减少数据传输量，提高效率)
ChildrenAsTriggers属性：是一个bool值的属性，默认值为True，触发UpdatePanel更新的一个触发器，如果ChildrenAsTriggers
为True，而且一个异步的PostBack是由UpdatePanel内部的一个控件引起的(即内部控件引起的异步PostBack)，则点击这个按钮引起ajax的异步回送，这个UpdatePanel就会更新。
Triggers集合属性：是一个UpdatePanel(是一个抽象类)对象的集合，AsyncPostBackTrigger在页面上指定一个控件，
如果是该控件引起ajax异步回送(此控件在UpdatePanel内，当然控件也可以在UpdatePanel外，甚至在另一个UpdatePanel内都可以)，这UpdatePanel就会更新，；PostBackTrigger也是指定某一个控 ......

Ajax跨域问题研究笔记

作者:fbysss
msn:jameslastchina@hotmail.com
blog:blog.csdn.net/fbysss
声明：本文由fbysss原创，转载请注明出处
关键字：Ajax跨域
一.试验准备
修改c:/windows/system32/drivers/etc/hosts文件，加入127.0.0.1 www.a.com www.b.com
Tomcat/webapps下建立crossdomain目录，建立一个空的WEB-INF目录，创建page_on_site_b.jsp和index_on_site_a.jsp。
page_on_site_b.jsp内容如下：
var varonb='this is a var on site b.';
alert('welcome to site b.');
ajax_on_site_a.jsp内容如下：
<mce:script type="text/javascript"><!--
var xmlHttp;
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
xmlHttp.onreadystatechange=callbackFunc;
xmlHttp.open("post","http://www.b.com:8888/crossdomain/page_on_site_b.jsp",true);
xmlHttp.send(null);
function callbackFunc(){
if(xmlHttp.readystate==4 && xmlHttp.status==200){
alert("可以访� ......

struts框架下的ajax三级联动下拉框

这是最常用的地址选择下拉框，包括三个下拉框，对应三个XML文件：
--------------------------------------------------------------------------------
<?xml version="1.0" encoding="utf-8"?>
<Provinces>
<Province ID="1" ProvinceName="北京市">北京市</Province>
<Province ID="2" ProvinceName="天津市">天津市</Province>
<Province ID="3" ProvinceName="河北省">河北省</Province>
<Province ID="4" ProvinceName="山西省">山西省</Province>
<Province ID="5" ProvinceName="内蒙古自治区">内蒙古自治区</Province>
<Province ID="6" ProvinceName="辽宁省">辽宁省</Province>
<Province ID="7" ProvinceName="吉林省">吉林省</Province>
<Province ID="8" ProvinceName="黑龙江省">黑龙江省</Province>
<Province ID="9" ProvinceName="上海市">上海市</Province>
<Province ID="10" ProvinceName="江苏省">江苏省</Province>
<Province ID="11" ProvinceName="浙江省">浙江� ......