看到网上很多人说ajax的应用程序应该是One page one application。我觉得这种看法还不适合我目前的开发模式。
每一个应用都有自己的特殊的结构,使用One page one application 的应用我也看过很多了,像turboajax,等等都可以说非常好。但是这类的程序在中国普及有一些问题。
首先cms系统的目的是可以被网上搜索和搜藏。如果使用ajax,这些页面都没有固定的地址,无法被搜索引擎搜索,也无法被浏览器搜藏。这是很多cms的运营商所不愿看到的。 这样的系统和flash的RIA很像,问题也很相似。
二。如果在一个新的系统中重新使用opoa架构,那么以前的很多快速开发的代码模板就要重写。对系统维护等都带来很大的不便。
所以我暂时不会考虑使用opoa的设计模式。而是通过ajax对系统的部分功能进行改造。
最典型的就是填写表格,很多表单格式非常复杂。就拿履历表来说吧。通常都是把一张表分解成不同部分来填写。例如appfuse的demo。如果使用ajax就可以避免这个问题。在一个界面里面填写。一些数据可以先悄悄存放到后台session里面。最后一次性的submit完成提交。
当然这样的话,ajax就有点像一个奇计淫巧般可有可无的东西了,但是他仍然是十分必要的。过多的submit,除了让客户可能承受很大的界面上的速度影响。(现代的webapp,美工的比例很大)。而且server端还要维护很多状态标示。
分享到:
相关推荐
本项目“Ajax_OnePage_crud_MySQL”旨在展示如何在一个页面(one-page)上利用Ajax实现对MySQL数据库的数据操作,即增(Create)、删(Delete)、改(Update)和查(Select)。下面将详细解释这一技术栈的关键知识点...
Ext.Ajax.submit({ url: 'server-side-url', params: {key: value, key2: value2}, // 可选,发送到服务器的数据 success: function(response, opts) {}, // 成功回调函数 failure: function(response, opts) {}...
**AjaxPage实现分页** 在Web开发中,用户界面的响应性和流畅性是提升用户体验的关键因素之一。传统的网页分页通常需要用户等待整个页面重新加载,这可能导致页面跳转时的延迟,影响用户体验。为了解决这个问题,...
Ajax-ajax-component.zip,一种自定义元素,用于调整其内容、样式和脚本。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不...
AJAXPAGE分页源码~ 部分代码: AJAX using System; using System.Text; using System.Collections; using System.Collections.Generic; using System.Text.RegularExpressions; using System.IO; using System....
该库的核心工作原理是通过监听DOM中的特定事件(如`click`或`submit`),然后根据元素上的特定数据属性(如`data-ajax="true"`、`data-ajax-url`等)来触发Ajax请求。例如,当用户点击一个链接或提交一个表单时,...
Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。 Ajax = 异步 JavaScript 和 XML(标准通用标记语言的子集)。 Ajax 是一种用于创建快速动态...
### AJAX提交实例与防止连续提交功能解析 #### 一、概述 本文将详细介绍一个使用AJAX进行表单提交的示例代码,并重点讲解如何通过设置全局变量来避免用户连续点击导致的数据重复提交问题。该示例包含了一个名为`...
Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。 Ajax = 异步 JavaScript 和 XML(标准通用标记语言的子集)。 Ajax 是一种用于创建快速动态...
Ajax-bPage.zip,基于bootstrap风格,静态页面跳转也可以是异步页面处理分页插件,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小...
<s:submit value="Submit" executeEvent="click" ajax="true" success="alert('Success!')" error="alert('Error!')"/> ``` 3. **`<s:a>` 示例**: ```xml <s:a href="example" ajax="true" update="contentDiv...
input type="submit" value="Submit Comment" /> </form> <html> <head> [removed][removed] [removed][removed] [removed][removed] // wait for the DOM to be loaded $(document)....
Ajax-page-loader.zip,使用ajax加载html页面的javascript库,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不重新加载网页的...
在“ajax_submit_with_valid”这个实例中,我们将深入探讨如何利用Ajax来实现表单的验证以及以用户友好的方式展示验证结果。 首先,让我们理解Ajax的基本工作原理。Ajax的核心是JavaScript的XMLHttpRequest对象,它...
**Ajax(Asynchronous JavaScript and XML)技术是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新,提升了用户体验。Ajax的核心是...
Xajax ajax=new Xajax(request,response,URL); ajax.registerClass(JavaBeanClassName); ajax.processRequests(); ajax.getJavascript();//获取head嵌入head中的javascript语句 在JavaBean中以on开始的方法中,...
spring,hibernate,struts1.2,struts2.0,js,ajax==
$('#ajaxForm').on('submit', function(e) { e.preventDefault(); // 阻止默认提交 $.ajax({ url: $(this).attr('action'), // 提交的URL,通常为控制器方法 type: 'POST', // 提交方式 data: $(this)....
Ajax-Spring-MVC-CRUD-form-submit-and-ajax.zip,spring mvc crud应用程序(springmvc、hibernate 4.x、bootstrap 3.x、jquery、mysql),ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json...
AJAX(Asynchronous JavaScript and XML,异步JavaScript和XML)是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量的数据交换,AJAX可以使网页实现异步更新,这意味着可以在不重新加载整个网页的情况下...