不用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面向对象之体会[总结]
Nov 13 Javascript
jquery ajax请求实例深入解析
Nov 26 Javascript
实例详解angularjs和ajax的结合使用
Oct 22 Javascript
JavaScript中数组的合并以及排序实现示例
Oct 24 Javascript
jQuery Validate插件实现表单强大的验证功能
Dec 18 Javascript
H5移动端适配 Flexible方案
Oct 24 Javascript
js时间戳和c#时间戳互转方法(推荐)
Feb 15 Javascript
Vue.js在使用中的一些注意知识点
Apr 29 Javascript
js实现字符全排列算法的简单方法
May 01 Javascript
jquery+css实现简单的图片轮播效果
Aug 07 jQuery
JQuery 又谈ajax局部刷新
Nov 27 jQuery
简介JavaScript错误处理机制
Aug 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
PHP 七大优势分析
2009/06/23 PHP
Fedora下安装php Redis扩展笔记
2014/09/03 PHP
phpQuery让php处理html代码像jQuery一样方便
2015/01/06 PHP
php检测url是否存在的方法
2015/04/14 PHP
php实现QQ空间获取当前用户的用户名并生成图片
2015/07/25 PHP
html下载本地
2006/06/19 Javascript
javascript延时重复执行函数 lLoopRun.js
2007/06/29 Javascript
js 事件小结 表格区别
2007/08/13 Javascript
获取HTML DOM节点元素的方法的总结
2009/08/21 Javascript
超酷的网页音乐播放器DewPlayer使用方法
2010/12/18 Javascript
JS+CSS设置img在DIV中只显示Img垂直居中的部分
2013/10/24 Javascript
JS正则表达式比较常见用法
2016/01/26 Javascript
node.js文件上传处理示例
2016/10/27 Javascript
微信小程序 开发工具快捷键整理
2016/10/31 Javascript
详解通过JSON数据使用VUE.JS
2017/05/26 Javascript
php简单数据库操作类的封装
2017/06/08 Javascript
JavaScript生成图形验证码
2020/08/24 Javascript
jquery动态添加带有样式的HTML标签元素方法
2018/02/24 jQuery
微信小程序的授权实现过程解析
2019/08/02 Javascript
nodejs一个简单的文件服务器的创建方法
2019/09/13 NodeJs
VUE+elementui面包屑实现动态路由详解
2019/11/04 Javascript
vue项目中播放rtmp视频文件流的方法
2020/09/17 Javascript
js调用网络摄像头的方法
2020/12/05 Javascript
vue编写简单的购物车功能
2021/01/08 Vue.js
python 读入多行数据的实例
2018/04/19 Python
python实现录音小程序
2020/10/26 Python
Python命名空间的本质和加载顺序
2018/12/17 Python
Django logging配置及使用详解
2019/07/23 Python
利用python实现.dcm格式图像转为.jpg格式
2020/01/13 Python
python字典与json转换的方法总结
2020/12/28 Python
HTML5添加禁止缩放功能
2017/11/03 HTML / CSS
家庭教育先进个人事迹材料
2014/01/24 职场文书
教师党员一句话承诺
2014/03/28 职场文书
2015新学期家长寄语
2015/02/26 职场文书
离婚上诉状范文
2015/05/23 职场文书
python基础之类属性和实例属性
2021/10/24 Python