不用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 相关文章推荐
运用Windows XP附带的Msicuu.exe、Msizap.exe来彻底卸载顽固程序
Apr 21 Javascript
两种方法实现文本框输入内容提示消失
Mar 17 Javascript
js的.innerHTML = &quot;&quot;IE9下显示有错误的解决方法
Sep 16 Javascript
jquery validate在ie8下的bug解决方法
Nov 13 Javascript
javascript为下拉列表动态添加数据项
May 23 Javascript
js+canvas绘制五角星的方法
Jan 28 Javascript
BootStrap3中模态对话框的使用
Jan 06 Javascript
js实现input密码框显示/隐藏功能
Sep 10 Javascript
JavaScript碰撞检测原理及其实现代码
Mar 12 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
Nov 12 Javascript
vue使用echarts画组织结构图
Feb 06 Vue.js
vue 自定义组件添加原生事件
Apr 21 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
从PHP的源码中深入了解stdClass类
2014/04/18 PHP
CI框架源码解读之URI.php中_fetch_uri_string()函数用法分析
2016/05/18 PHP
thinkPHP分组后模板无法加载问题解决方法
2016/07/12 PHP
javascript 清空form表单中某种元素的值
2009/12/26 Javascript
监控 url fragment变化的js代码
2010/04/19 Javascript
Jquery 自定义动画概述及示例
2013/03/29 Javascript
JS获取地址栏参数的几种方法小结
2014/02/28 Javascript
jQuery中html()方法用法实例
2014/12/25 Javascript
JS实现自动定时切换的简洁网页选项卡效果
2015/10/13 Javascript
WEB前端开发框架Bootstrap3 VS Foundation5
2016/05/16 Javascript
js接收并转化Java中的数组对象的方法
2016/08/11 Javascript
利用纯Vue.js构建Bootstrap组件
2016/11/03 Javascript
JS多文件上传的实例代码
2017/01/11 Javascript
vue.js动态数据绑定学习笔记
2017/05/19 Javascript
微信小程序的部署方法步骤
2018/09/04 Javascript
微信小程序实现蒙版弹窗效果
2018/11/01 Javascript
基于小程序请求接口wx.request封装的类axios请求
2020/07/02 Javascript
[04:26]2014DOTA2西雅图国际邀请赛 总决赛TOPPLAY
2014/07/22 DOTA
python实现从网络下载文件并获得文件大小及类型的方法
2015/04/28 Python
Python 爬虫的工具列表大全
2016/01/31 Python
详解tensorflow载入数据的三种方式
2018/04/24 Python
Python设计模式之享元模式原理与用法实例分析
2019/01/11 Python
django admin后管定制-显示字段的实例
2020/03/11 Python
python Canny边缘检测算法的实现
2020/04/24 Python
html5中JavaScript removeChild 删除所有节点
2014/05/16 HTML / CSS
浅谈html5 响应式布局
2014/12/24 HTML / CSS
泰国演唱会订票网站:StubHub泰国
2018/02/26 全球购物
Melissa鞋马来西亚官方网站:MDreams马来西亚
2018/04/05 全球购物
Gtech官方网站:地毯清洁器、吸尘器及园艺设备
2018/05/23 全球购物
意大利咖啡、浓缩咖啡和浓缩咖啡机:illy caffe
2019/03/20 全球购物
自荐信怎么写呢?
2013/12/09 职场文书
医院办公室主任职责
2013/12/29 职场文书
关于对大人不礼貌的检讨书
2014/09/29 职场文书
学院党的群众路线教育实践活动第一阶段情况汇报
2014/10/25 职场文书
2014年村党支部工作总结
2014/12/04 职场文书
上课睡觉万能检讨书
2015/02/17 职场文书