不用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跟js初始化加载的多种方法及区别介绍
Apr 02 Javascript
jQuery中change事件用法实例
Dec 26 Javascript
JavaScript实现单击下拉框选择直接跳转页面的方法
Jul 02 Javascript
js一维数组、多维数组和对象的混合使用方法
Apr 03 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
Jan 19 Javascript
AngularJS对动态增加的DOM实现ng-keyup事件示例
Mar 12 Javascript
JS函数节流和防抖之间的区分和实现详解
Jan 11 Javascript
JS定义函数的几种常用方法小结
May 23 Javascript
MockJs结合json-server模拟后台数据
Aug 26 Javascript
详解微信小程序之提高应用速度小技巧
Jan 07 Javascript
JavaScript中this函数使用实例解析
Feb 21 Javascript
JavaScript中layim之整合右键菜单的示例代码
Feb 06 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 缓存实现代码及详细注释
2010/05/16 PHP
PHP反射使用实例和PHP反射API的中文说明
2014/07/02 PHP
location.href语句与火狐不兼容的问题
2010/07/04 Javascript
javascript下string.format函数补充
2010/08/24 Javascript
jquery中的$(document).ready()使用小结
2014/02/14 Javascript
JavaScript中对象介绍
2014/12/31 Javascript
js实现仿QQ秀换装效果的方法
2015/03/04 Javascript
简介JavaScript中的italics()方法的使用
2015/06/08 Javascript
js实现随屏幕滚动的带缓冲效果的右下角广告代码
2015/09/04 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
2015/09/19 Javascript
Node.js的基本知识简单汇总
2016/09/19 Javascript
jQuery如何防止Ajax重复提交
2016/10/14 Javascript
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
2017/03/14 Javascript
详解@Vue/Cli 3 Invalid Host header 错误解决办法
2019/01/02 Javascript
在vue中使用axios实现post方式获取二进制流下载文件(实例代码)
2019/12/16 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
2020/05/10 Javascript
Python模块学习 datetime介绍
2012/08/27 Python
Python中的anydbm模版和shelve模版使用指南
2015/07/09 Python
python使用itchat库实现微信机器人(好友聊天、群聊天)
2018/01/04 Python
tensorflow建立一个简单的神经网络的方法
2018/02/10 Python
Pycharm运行加载文本出现错误的解决方法
2019/06/27 Python
Python3.7 读取音频根据文件名生成脚本的代码
2020/04/07 Python
python爬虫分布式获取数据的实例方法
2020/11/26 Python
使用BeautifulSoup4解析XML的方法小结
2020/12/07 Python
Andrew Marc官网:设计师外套的领先制造商
2019/10/30 全球购物
DELPHI中如何调用API,可举例说明
2014/01/16 面试题
预备党员党课思想汇报
2014/01/13 职场文书
职工趣味运动会方案
2014/02/10 职场文书
培训班主持词
2014/03/28 职场文书
美食节目策划方案
2014/05/31 职场文书
专科生就业求职信
2014/06/22 职场文书
教师节横幅标语
2014/10/08 职场文书
2015年度党风廉政建设工作情况汇报
2015/01/02 职场文书
优秀班主任工作总结2015
2015/05/25 职场文书
刘胡兰观后感
2015/06/16 职场文书
Spring Boot项目传参校验的最佳实践指南
2022/04/05 Java/Android