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基本开发的几个步骤。
  • pseudonym_
  • pseudonym_
  • 2017年05月21日 15:26
  • 424

AJAX入门3-AJAX开发步骤

AJAX开发框架 AJAX实质上也是遵循B/S模式,所以这个框架基本的流程是: 对象初始化 发送请求 服务器接收 服务器返回 客户端接收 修改客户端页面内容。 只不过这个过程是异步的。...
  • zfs592645357
  • zfs592645357
  • 2014年10月30日 16:20
  • 857

Ajax编程步骤

2.2.3 Ajax编程步骤    Ajax编程千篇一律分为以下几步: 1.      创建XMLHttpRequest对象。 ......     function getXM...
  • zhangjinpeng66
  • zhangjinpeng66
  • 2013年08月27日 21:04
  • 1290

ajax原生代码

http://blog.csdn.net/jdfkldjlkjdl/article/category/1562631
  • Baple
  • Baple
  • 2014年11月22日 05:26
  • 4478

Ajax的使用四大步骤详解

什么是ajax? ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。 如何使用ajax? 第一步,创建xmlhttprequest...
  • xxf159797
  • xxf159797
  • 2016年12月22日 19:13
  • 3530

JavaScript实现原生ajax

自从javascript有了各种框架之后,比如jquery,使用ajax已经变的相当简单了。但有时候为了追求简洁,可能项目中不需要加载jquery这种庞大的js插件。但又要使用到ajax这种功能该如何...
  • Dove_Knowledge
  • Dove_Knowledge
  • 2017年05月02日 07:18
  • 862

原生AJAX调用四步曲:仅供初学者参考

这里只写出chrome的例程,因为调用原理是一样的。 建立ajax对象 首先要考虑的就是浏览器兼容的问题:IE与其他非IE系的浏览器的不同,造成需要创建的对象的不同。 ...
  • PlayYoung
  • PlayYoung
  • 2013年12月05日 14:07
  • 1814

原生态Ajax的五个步骤

1、创建XMLHttpRequest对象
  • cuiccc2014
  • cuiccc2014
  • 2014年06月26日 15:13
  • 6311

Ajax使用的四大步骤

经过总结使用Ajax可以分为四步,分别如下: 1:创建引擎(xmlHttpRequest对象) 不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的,针对IE使用ActiveXOb...
  • qq_21439971
  • qq_21439971
  • 2015年10月18日 20:03
  • 2171

Ajax实例讲解与技术原理

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。AJAX 是一种用于创建快速动态网页的技术。...
  • Evankaka
  • Evankaka
  • 2015年07月17日 11:18
  • 9754
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ajax开发步骤
举报原因:
原因补充:

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