ajax开发步骤

原创 2007年09月27日 15:52:00

1、修改web.xml,加入以下代码:
 <servlet>
  <servlet-name>dwr-progress-invoker</servlet-name>
  <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
  <init-param>
   <param-name>debug</param-name>
   <param-value>true</param-value>
  </init-param>
  <init-param>
   <param-name>logLevel</param-name>
   <param-value>DEBUG</param-value>
  </init-param>
  <init-param>
   <param-name>config-sysmgr</param-name>
   <param-value>WEB-INF/configs/progress/dwr.xml</param-value>
  </init-param>
 </servlet>
 
 <servlet-mapping>
  <servlet-name>dwr-progress-invoker</servlet-name>
  <url-pattern>/dwr/progress/*</url-pattern>
 </servlet-mapping>
 
2、在工程的路径下增加dwr.xml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
<dwr>
  <init>
  </init>
  <allow>
    <create creator="new" javascript="SaveSecPlanAjax">
      <param name="class" value="com.spsoft.progress.secondplan.web.ajax.SaveSecPlanAjax"/>
    </create>
  </allow>
</dwr>

3、增加ajax要调用的类
public class SaveSecPlanAjax extends BaseAjax{
 public String saveSecPlan(final String taskName) {
  return (String) getAjaxTemplate().execute(new AjaxCallback() {  
   public Object executeInAjax() {    
    SecPlanService service = (SecPlanService)Services.GetService(SecPlanService.SERVICE_NAME);
    System.out.println(taskName);
    return "success";
   } 
  });
 }
}

以下是要用到的基类:
a、BaseService.java
package com.spsoft.framework.service;
public interface BaseService {

}

b、BaseAjax.java
package com.spsoft.framework.ajax;

import javax.servlet.ServletContext;
import javax.servlet.http.HttpServletRequest;
import org.springframework.context.ApplicationContext;
import org.springframework.web.context.support.WebApplicationContextUtils;
import uk.ltd.getahead.dwr.WebContextFactory;
import com.spsoft.framework.service.BaseService;

public class BaseAjax {
 private AjaxTemplate template;
 public AjaxTemplate getAjaxTemplate(){
  if (template==null){
   template = new AjaxTemplate();
  }
  return template;
 }
 
 public ServletContext getServletContext(){
  return WebContextFactory.get().getServletContext();
 }
 
 public ApplicationContext getContext() {
  return WebApplicationContextUtils.getWebApplicationContext(getServletContext());
 }

 public BaseService getService(HttpServletRequest request,String serviceName) {
  return (BaseService)getContext().getBean(serviceName);
 }

}

4、在页面上调用
   a、增加js的声明
  <script src="<%=request.getContextPath()%>/dwr/engine.js"></script>
    <script src="<%=request.getContextPath()%>/dwr/util.js"></script>
   <script src="<%=baseUrl%>/dwr/progress/interface/SaveSecPlanAjax.js"></script>
  
  b、增加调用的方法
  function saveSecPlanInfo(taskName){
     SaveSecPlanAjax.saveSecPlan(taskName);
  } 

ajax返回java对象

1, dwr:在对应的dwr.xml里面增加定义增加如下对象的定义指向即可
 <convert converter="bean" match="com.spsoft.test.HelloBean"></convert>
2,
 HelloBean:对象的属性,包括其get set方法
 id,name....
3,
 ajax:可以返回数组或者单对象
 public HelloBean[] getHelloBean
4,
 js:回调方法如下:

              for (var i=0;i<data.length;i++)
              {
                var bean = {};
                bean=data[i];
               
               
                alert(bean.id);
                alert(bean.name);
              }

相关文章推荐

ajax实现文章上传

对于以模态对话框的方式,实现新增|修改等功能时,在使用ajax提交表单数据的时候,必须考虑表单是否包含文件域。 情况1:不包含文件域   按照$("#form的id").s...

ajax的json开发步骤和实例

  • 2009年08月11日 12:38
  • 7KB
  • 下载

Ajax开发步骤及代码

  • 2012年12月05日 23:35
  • 13KB
  • 下载

AJAX开发基础及原生JS操作步骤

AJAX是什么? AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 AJAX = 异步 ...

ajax开发步骤

1、修改web.xml,加入以下代码:     dwr-progress-invoker   uk.ltd.getahead.dwr.DWRServlet       debug    t...

web上用Activex控件开发步骤(MFC) 博客分类: HTML & AJAX

web上用Activex控件开发步骤(MFC) 博客分类: HTML & AJAX MFCWeb脚本XPVC++ 首先要说明的是 web上用activex是门被抛弃的技术。为什么这么...
  • msbbc
  • msbbc
  • 2011年11月30日 14:24
  • 1175

JQuery UI 实现Ajax提交详细步骤

  • 2015年06月16日 15:57
  • 355KB
  • 下载

ajax框架Dwr的具体使用步骤

  • 2011年07月10日 17:29
  • 42KB
  • 下载

JQuery、AJAX加载数据时候的loading加载动画实现步骤

对于AJAX,异步传输数据,那肯定是要等待服务器的数据返回,对于客户来说,等待数据会让他们失去耐心,一种加载动画的方式,可以让客户知道,这是需要一点时间的,客户体验比较友好,下面就来实现这个功能吧。1...

Ajax无刷新实现步骤

  • 2011年08月07日 13:05
  • 7KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ajax开发步骤
举报原因:
原因补充:

(最多只允许输入30个字)