不用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 相关文章推荐
javascript中的继承实例代码
Apr 27 Javascript
js对文章内容进行分页示例代码
Mar 05 Javascript
jQuery DOM插入节点操作指南
Mar 03 Javascript
JQuery标签页效果的两个实例讲解(4)
Sep 17 Javascript
js实现兼容IE、Firefox的图片缩放代码
Dec 08 Javascript
JavaScript中关联原型链属性特性
Feb 13 Javascript
网络传输协议(http协议)
Nov 18 Javascript
Angular2安装angular-cli
May 21 Javascript
详解vue为什么要求组件模板只能有一个根元素
Jul 22 Javascript
Vue中跨域及打包部署到nginx跨域设置方法
Aug 26 Javascript
js实现轮播图特效
May 28 Javascript
Vue和Flask通信的实现
May 19 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 EOT定界符的使用详解
2008/09/30 PHP
Thinkphp多文件上传实现方法
2014/10/31 PHP
php计算两个文件相对路径的方法
2015/03/14 PHP
symfony2.4的twig中date用法分析
2016/03/18 PHP
TopList标签和JavaScript结合两例
2007/08/12 Javascript
一个网页标题title的闪动提示效果实现思路
2014/03/22 Javascript
JavaScript实现斗地主游戏的思路
2016/02/29 Javascript
如何让一个json文件显示在表格里【实现代码】
2016/05/09 Javascript
Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
2016/06/30 Javascript
简单实现Bootstrap标签页
2020/08/09 Javascript
nodejs根据ip数组在百度地图中进行定位
2017/03/06 NodeJs
js实现可以点击收缩或张开的悬浮窗
2017/09/18 Javascript
浅谈Angular路由复用策略
2017/10/04 Javascript
详解VUE调用本地json的使用方法
2019/05/15 Javascript
轻松学习JavaScript函数中的 Rest 参数
2019/05/30 Javascript
JavaScript 预解析的4种实现方法解析
2019/09/03 Javascript
js实现无限瀑布流实例方法
2019/09/16 Javascript
[01:38]DOTA2 2015国际邀请赛中国区预选赛 Showopen
2015/06/01 DOTA
[41:05]Serenity vs Pain 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python 图片验证码代码分享
2012/07/04 Python
Python smallseg分词用法实例分析
2015/05/28 Python
使用python实现链表操作
2018/01/26 Python
教你用Python创建微信聊天机器人
2020/03/31 Python
对pandas中apply函数的用法详解
2018/04/10 Python
如何爬取通过ajax加载数据的网站
2019/08/15 Python
Python根据字典的值查询出对应的键的方法
2020/09/30 Python
几款Python编译器比较与推荐(小结)
2020/10/15 Python
python如何获得list或numpy数组中最大元素对应的索引
2020/11/16 Python
HTML5使用Audio标签实现歌词同步的效果
2016/03/17 HTML / CSS
美国在线眼镜商城:Eyeglasses.com
2017/06/26 全球购物
Nike挪威官网:Nike.com (NO)
2018/11/26 全球购物
国庆节文艺活动方案
2014/02/03 职场文书
Nginx+Tomcat实现负载均衡、动静分离的原理解析
2021/03/31 Servers
详解MySQL集群搭建
2021/05/26 MySQL
Java基础——Map集合
2022/04/01 Java/Android
画错魏国疆域啦!《派对咖孔明》动画因作画失误于官网致歉
2022/04/07 日漫