不用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提示 &quot;object expected&quot;的解决方法
Dec 13 Javascript
js 点击按钮弹出另一页,选择值后,返回到当前页
May 26 Javascript
自写的一个jQuery圆角插件
Oct 26 Javascript
统计jQuery中各字符串出现次数的工具
May 03 Javascript
基于Jquery实现的一个图片滚动切换
Jun 21 Javascript
基于jquery的DIV随滚动条滚动而滚动的代码
Jul 20 Javascript
javascript禁用键盘功能键让右击及其他键无效
Oct 09 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
Jan 06 Javascript
jQuery实现自定义右键菜单的树状菜单效果
Sep 02 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
Sep 14 Javascript
Vue.js常用指令之循环使用v-for指令教程
Jun 27 Javascript
vue+element tabs选项卡分页效果
Jun 29 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
PHP利用COM对象访问SQLServer、Access
2006/10/09 PHP
用php来改写404错误页让你的页面更友好
2013/01/24 PHP
php中将数组转成字符串并保存到数据库中的函数代码
2013/09/29 PHP
PHP中$_SERVER的详细参数与说明介绍
2013/10/26 PHP
PHP 正则表达式小结
2015/02/12 PHP
ThinkPHP3.2.2的插件控制器功能
2015/03/05 PHP
Laravel 实现添加多语言提示信息
2019/10/25 PHP
ppk谈JavaScript style属性
2008/10/10 Javascript
基于jQuery实现表格数据的动态添加与统计的代码
2011/01/31 Javascript
jQuery源码中的chunker 正则过滤符分析
2012/07/31 Javascript
关于javaScript注册click事件传递参数的不成功问题
2014/07/18 Javascript
JavaScript操作HTML元素和样式的方法详解
2015/10/21 Javascript
JavaScript对象参数的引用传递
2016/01/14 Javascript
jQuery自适应轮播图插件Swiper用法示例
2016/08/24 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
2016/10/21 Javascript
AngularJS 打开新的标签页实现代码
2017/09/07 Javascript
NodeJs通过async/await处理异步的方法
2017/10/09 NodeJs
Vue的属性、方法、生命周期实例代码详解
2019/09/17 Javascript
layui实现数据表格隐藏列的示例
2019/10/25 Javascript
vue多个元素的样式选择器问题
2019/11/29 Javascript
three.js 制作动态二维码的示例代码
2020/07/31 Javascript
Python查询阿里巴巴关键字排名的方法
2015/07/08 Python
Python实现KNN邻近算法
2021/01/28 Python
python实现快速排序的示例(二分法思想)
2018/03/12 Python
对Python捕获控制台输出流的方法详解
2019/01/07 Python
Python sublime安装及配置过程详解
2020/06/29 Python
详解Python中的编码问题(encoding与decode、str与bytes)
2020/09/30 Python
亿阳信通股份有限公司C#笔试题
2016/12/06 面试题
电子商务专业实习生自我鉴定
2013/09/24 职场文书
大学军训自我鉴定
2013/12/15 职场文书
西北政法大学自主招生自荐信
2014/01/29 职场文书
2014年五一促销活动方案
2014/03/09 职场文书
我的生日感言
2015/08/03 职场文书
员工工作失职检讨书范文!
2019/07/03 职场文书
大脑的记忆过程在做数据压缩,不同图形也有共同的记忆格式
2022/04/29 数码科技