不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术


Posted in Javascript onSeptember 25, 2008

网上流传的什么<<AJAX vs ASP传统无刷新>>中的ASP无刷新,加个IFRAME,弄个JS根本不能称之为无刷新.....
一下代码未区分大小写,请自行修改!
全静态无刷新思路:
<HTML>
<SCRIPT SRC=""></SCRIPT>//当前页面全局的 无数新调用
<SCRIPT> //一系列JS调用
FUNCTION XX(FUN_NAME,PARAMETER_NAME,PARAMETER_VALUE)//参数自己设定
{
DOCMENT.SCRIPTS[0].SRC='AJAX.ASP?'+PARAMETER_NAME+'='+PARAMETER_VALUE;//参数以此类推
}
</SCRIPT>
<BODY>
//示例调用一,直接调用ASP
我的数据库有<SCRIPT SRC="GET_COUNT.ASP?ID=XXX"></SCRIPT>条
//示例调用二,事件调用AJAX.ASP
我的数据库有<LABEL ID="COUNT"></LABEL>条<INPUT TYPE="BUTTON" ONCLICK="JAVASCRIPT:XX(COUNT,'ID',DOCUMENT.ALL.ID.VALUE);">
</BODY>
</HTML>
//示例二中AJAX.ASP代码
<%
SET RS = CONN.EXECUTE(SQL_STR)
RESPONSE.WRITE "DOCUMENT.GETELEMENTBYID('COUNT').VALUE = '"&RS("COUNT")&"'"
%>
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
以下省略部分HTML代码,只说明思路
//示例三 FORM表单ONSUBMIT事件调用AJAX.ASP
<SCRIPT SRC=""></SCRIPT>//这句是必须的
<SCRIPT>
function CHECK()
{
alert('1');
//document.getElementByID("")
document.scripts[0].src = "AJAX.ASP?a="+escape(document.getElementById('T1').value);//这里给第一个script.src赋值
alert(document.scripts[0].src);//查看测试地址是否正确
return false;
}
</SCRIPT>
<FORM METHOD="POST" ACTION="" ONSUBMIT="return CHECK();" NAME="FORM1">
<INPUT TYPE="TEXT" NAME="T1" ID="T1">
<INPUT TYPE="SUBMIT" VALUE="SUBMIT" >
</FORM>
//示例三AJAX.ASP代码
<%
RESPONSE.WRITE "alert('"&request("a")&"');"//////或者写response.write "document.getelementbyid('id').innerhtml='某些html代码';"
%>
//////////////////////////////////////////////////////////////////////////////////////////////////
优点:
此种无刷新方法对比AJAX技术的优势在于,这种方法所需要编写的代码更少,更简洁,开发速度更快,不用书写过于庞大复杂的JS判断,同样利用JS,但没有用到DOM XML,同样有跨平台的优势,能达到AJAX同样的用户体验效果,可以和AJAX同时使用,不同功能的实现代码书写模式和流程,几乎相同,更易提高代码复用性,事实上只需建立2个文件就可以实现网站各种不同的功能
缺点:
因为此技术完全依靠JS给URL或者COOKIES赋值,然后通过URL和cookies传参,但URL和cookies参数大小和长度是有所限制的,所以无法像AJAX那样传送大量信息除非仿照AJAX或直接用AJAX完成,不过我相信会找到更好的解决方案

Javascript 相关文章推荐
JS实现浏览器菜单命令
Sep 05 Javascript
filemanage功能中用到的lib.js
Apr 08 Javascript
JQuery中each()的使用方法说明
Aug 19 Javascript
js数组去重的常用方法总结
Jan 24 Javascript
javascript获取函数名称、函数参数、对象属性名称的代码实例
Apr 12 Javascript
js事件监听机制(事件捕获)总结
Aug 08 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
Dec 19 Javascript
使用JS实现图片展示瀑布流效果(简单实例)
Sep 06 Javascript
利用百度地图API获取当前位置信息的实例
Nov 06 Javascript
easyUI 实现的后台分页与前台显示功能示例
Jun 01 Javascript
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
Sep 04 Javascript
springboot+VUE实现登录注册
May 27 Vue.js
js每次Title显示不同的名言
Sep 25 #Javascript
Js动态创建div
Sep 25 #Javascript
自己开发Dojo的建议框架
Sep 24 #Javascript
Discuz! 6.1_jQuery兼容问题
Sep 23 #Javascript
javascript的trim,ltrim,rtrim自定义函数
Sep 21 #Javascript
javascript各种复制代码收集
Sep 20 #Javascript
javascript下IE与FF兼容函数收集
Sep 17 #Javascript
You might like
网站当前的在线人数
2006/10/09 PHP
浅析php原型模式
2014/11/25 PHP
PHP内存使用情况如何获取
2015/10/10 PHP
php版微信自定义回复功能示例
2016/12/05 PHP
laravel框架的安装与路由实例分析
2019/10/11 PHP
PHP 使用位运算实现四则运算的代码
2021/03/09 PHP
超简单JS二级、多级联动的简单实例
2014/02/18 Javascript
JS实现两表格里数据来回转移的方法
2015/05/28 Javascript
javascript表格的渲染组件
2015/07/03 Javascript
JS原型对象的创建方法详解
2016/06/16 Javascript
a标签置灰不可点击的实现方法
2017/02/06 Javascript
Vue使用lodop实现打印小结
2019/07/06 Javascript
JavaScript之Blob对象类型的具体使用方法
2019/11/29 Javascript
vue element el-transfer增加拖拽功能
2021/01/15 Vue.js
基python实现多线程网页爬虫
2015/09/06 Python
Ruby使用eventmachine为HTTP服务器添加文件下载功能
2016/04/20 Python
Python中生成Epoch的方法
2017/04/26 Python
Python实现感知器模型、两层神经网络
2017/12/19 Python
python数字图像处理之高级形态学处理
2018/04/27 Python
python 并发下载器实现方法示例
2019/11/22 Python
python实现矩阵和array数组之间的转换
2019/11/29 Python
Python中itertools的用法详解
2020/02/07 Python
Python datetime 格式化 明天,昨天实例
2020/03/02 Python
python实现交并比IOU教程
2020/04/16 Python
Python新手学习装饰器
2020/06/04 Python
python爬虫基础之urllib的使用
2020/12/31 Python
video结合canvas实现视频在线截图功能
2018/06/25 HTML / CSS
跑步、骑行和铁人三项的高性能眼镜和服装:ROKA
2018/07/06 全球购物
俄语专业毕业生求职信
2014/07/12 职场文书
幼儿教师暑期培训方案
2014/08/27 职场文书
企业总经理助理岗位职责
2014/09/12 职场文书
工作失误检讨书范文
2015/01/26 职场文书
2015年公司工作总结
2015/04/25 职场文书
2015年高二班主任工作总结
2015/05/25 职场文书
2016简历自荐信优秀范文
2016/01/29 职场文书
读《瓦尔登湖》有感:每个人都需要一个瓦尔登湖
2019/10/17 职场文书