不用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 相关文章推荐
jquery滚动条插件jScrollPane的使用介绍
Nov 08 Javascript
把字符串按照特定的字母顺序进行排序的js代码
Jan 28 Javascript
在jQuery中使用$而避免跟其它库产生冲突的方法
Aug 13 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
Dec 08 Javascript
js实现兼容PC端和移动端滑块拖动选择数字效果
Feb 16 Javascript
Angular 2 利用Router事件和Title实现动态页面标题的方法
Aug 23 Javascript
javascript流程控制语句集合
Sep 18 Javascript
详解vue axios二次封装
Jul 22 Javascript
vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
Nov 29 Javascript
Vue源码学习之关于对Array的数据侦听实现
Apr 23 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
Jul 19 Javascript
vue本地打开build后生成的dist文件夹index.html问题
Sep 04 Javascript
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 Document 代码注释规范
2009/04/13 PHP
深入php 正则表达式的学习探讨
2013/06/06 PHP
php制作中间带自己定义图片二维码的方法
2014/01/27 PHP
php+html5使用FormData对象提交表单及上传图片的方法
2015/02/11 PHP
php使用MySQL保存session会话的方法
2015/06/26 PHP
jquery中实现标签切换效果的代码
2011/03/01 Javascript
jquery 中多条件选择器,相对选择器,层次选择器的区别
2012/07/03 Javascript
jQuery实现contains方法不区分大小写的方法
2015/02/13 Javascript
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
2016/02/19 Javascript
简单了解node npm cnpm的具体使用方法
2019/02/27 Javascript
Node.js实现一个HTTP服务器的方法示例
2019/05/13 Javascript
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
2020/08/19 Javascript
讲解Python中if语句的嵌套用法
2015/05/14 Python
Python使用pip安装报错:is not a supported wheel on this platform的解决方法
2018/01/23 Python
python实现图像识别功能
2018/01/29 Python
如何安装多版本python python2和python3共存以及pip共存
2018/09/18 Python
python绘制漏斗图步骤详解
2019/03/04 Python
详解Python数据可视化编程 - 词云生成并保存(jieba+WordCloud)
2019/03/26 Python
Python JSON编解码方式原理详解
2020/01/20 Python
Python实现获取当前目录下文件名代码详解
2020/03/10 Python
Django用数据库表反向生成models类知识点详解
2020/03/25 Python
Django Serializer HiddenField隐藏字段实例
2020/03/31 Python
pycharm第三方库安装失败的问题及解决经验分享
2020/05/09 Python
英国知名化妆品网站:Revolution Beauty(原TAM Beauty)
2018/02/28 全球购物
美国一家运动专业鞋类零售商:Warehouse Shoe Sale(WSS)
2018/03/28 全球购物
Oakley西班牙官方商店:太阳眼镜和男女运动服
2019/04/26 全球购物
美国婴儿和儿童服装购物网站:PatPat
2020/10/01 全球购物
Shell脚本如何向终端输出信息
2014/04/25 面试题
毕业生医学检验求职信
2013/10/16 职场文书
大学军训感言1000字
2014/02/25 职场文书
植树节活动总结
2014/04/30 职场文书
营销学习心得体会
2014/09/12 职场文书
护士自我推荐信范文
2015/03/24 职场文书
2015年物业公司保洁工作总结
2015/10/22 职场文书
Windows中Redis安装配置流程并实现远程访问功能
2021/06/07 Redis