不用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 Event学习第四章 传统的事件注册模型
Feb 07 Javascript
该如何加载google-analytics(或其他第三方)的JS
May 13 Javascript
理解JavaScript中的对象 推荐
Jan 09 Javascript
javascript:history.go()和History.back()的区别及应用
Nov 25 Javascript
JavaScript通过prototype给对象定义属性用法实例
Mar 23 Javascript
基于jQuery实现的菜单切换效果
Oct 16 Javascript
javascript中eval解析JSON字符串
Feb 27 Javascript
JavaScript编程设计模式之观察者模式(Observer Pattern)实例详解
Oct 25 Javascript
Vue中的Vux配置指南
Dec 08 Javascript
小程序跨页面交互的作用与方法详解
Jan 07 Javascript
javascript利用canvas实现鼠标拖拽功能
Jul 23 Javascript
vue自定义组件实现双向绑定
Jan 13 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遍历删除整个目录及文件的方法
2015/03/13 PHP
PHPExcel中文帮助手册|PHPExcel使用方法(分享)
2017/06/09 PHP
[原创]PHP获取数组表示的路径方法分析【数组转字符串】
2017/09/01 PHP
Jquery 插件学习实例1 插件制作说明与tableUI优化
2010/04/02 Javascript
基于jQuery实现点击同时更改两个iframe的网址
2010/07/01 Javascript
精通Javascript系列之数据类型 字符串
2011/06/08 Javascript
广泛收集的jQuery拖放插件集合
2012/04/09 Javascript
jquery特效 幻灯片效果示例代码
2013/07/16 Javascript
《JavaScript DOM 编程艺术》读书笔记之DOM基础
2015/01/09 Javascript
学习JavaScript编程语言的8张思维导图分享
2015/03/27 Javascript
AngularJS模块管理问题的非常规处理方法
2015/04/29 Javascript
简单谈谈Javascript中类型的判断
2015/10/19 Javascript
简单解析JavaScript中的__proto__属性
2016/05/10 Javascript
JavaScript 对象字面量讲解
2016/06/06 Javascript
jQuery深拷贝Json对象简单示例
2016/07/06 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
2016/07/20 Javascript
基于JavaScript实现的希尔排序算法分析
2017/04/14 Javascript
AngularJS+bootstrap实现动态选择商品功能示例
2017/05/17 Javascript
微信小程序富文本渲染引擎的详解
2017/09/30 Javascript
JavaScript常用工具函数大全
2020/05/06 Javascript
pandas 对series和dataframe进行排序的实例
2018/06/09 Python
python binascii 进制转换实例
2019/06/12 Python
Python使用type关键字创建类步骤详解
2019/07/23 Python
pandas map(),apply(),applymap()区别解析
2021/02/24 Python
SVG实现多彩圆环倒计时效果的示例代码
2017/11/21 HTML / CSS
英国电视和家用电器购物网站:rlrdistribution.co.uk
2018/11/20 全球购物
Java中实现多态的机制是什么?
2014/12/07 面试题
国税会议欢迎词
2014/01/16 职场文书
搞笑获奖感言
2014/01/30 职场文书
开工典礼策划方案
2014/05/23 职场文书
教师拔河比赛广播稿
2014/10/14 职场文书
2015年百日安全活动总结
2015/03/26 职场文书
我的1919观后感
2015/06/03 职场文书
2016高考冲刺决心书
2015/09/23 职场文书
python 如何在 Matplotlib 中绘制垂直线
2021/04/02 Python
尝试使用Python爬取城市租房信息
2022/04/12 Python