不用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实现div的tab切换实例代码
May 27 Javascript
Js实现当前点击a标签变色突出显示其他a标签回复原色
Nov 27 Javascript
jQuery实现菜单式图片滑动切换
Mar 14 Javascript
深入解读JavaScript中的Iterator和for-of循环
Jul 28 Javascript
js实现文本框输入文字个数限制代码
Dec 25 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
Apr 10 Javascript
JS 组件系列之 bootstrap treegrid 组件封装过程
Apr 28 Javascript
vue引用js文件的多种方式(推荐)
May 17 Javascript
Webpack中雪碧图插件使用详解
May 25 Javascript
Vue父子组件双向绑定传值的实现方法
Jul 31 Javascript
Node.JS获取GET,POST数据之queryString模块使用方法详解
Feb 06 Javascript
微信小程序APP的事件绑定以及传递参数时的冒泡和捕获
Apr 19 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/01/01 PHP
php中json_encode不兼容JSON_UNESCAPED_UNICODE的解决方案
2016/05/31 PHP
PHP微信红包生成代码分享
2016/10/06 PHP
php输出反斜杠的实例方法
2019/09/19 PHP
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
2012/01/13 Javascript
jQuery获得内容和属性方法及示例
2013/12/02 Javascript
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
JS中使用Array函数shift和pop创建可忽略参数的例子
2014/05/28 Javascript
jQuery中DOM树操作之复制元素的方法
2015/01/23 Javascript
基于jQuery实现仿百度首页换肤背景图片切换代码
2015/08/25 Javascript
JQuery控制图片由中心点逐渐放大效果
2016/06/26 Javascript
js微信支付实现代码
2016/12/22 Javascript
Three.js如何实现雾化效果示例代码
2017/09/27 Javascript
详解plotly.js 绘图库入门使用教程
2018/02/23 Javascript
详解Angular如何正确的操作DOM
2018/07/06 Javascript
浅析JS中什么是自定义react数据验证组件
2018/10/19 Javascript
JS实现的冒泡排序,快速排序,插入排序算法示例
2019/03/02 Javascript
jQuery实现动态加载瀑布流
2020/09/01 jQuery
Python中endswith()函数的基本使用
2015/04/07 Python
python过滤字符串中不属于指定集合中字符的类实例
2015/06/30 Python
详解python分布式进程
2018/10/08 Python
python numpy数组的索引和切片的操作方法
2018/10/20 Python
PyTorch的自适应池化Adaptive Pooling实例
2020/01/03 Python
django实现更改数据库某个字段以及字段段内数据
2020/03/31 Python
一款纯css3实现的动画加载导航
2014/10/08 HTML / CSS
浅谈HTML5 FileReader分布读取文件以及其方法简介
2017/11/09 HTML / CSS
德国婴儿服装和婴儿用品购买网站:Baby Sweets
2019/12/08 全球购物
LUISAVIAROMA德国官网:时尚奢侈品牌购物网站
2020/11/12 全球购物
对象的序列化(serialization)类是面向流的,应如何将对象写入到随机存取文件中
2015/06/22 面试题
电大毕业自我鉴定
2014/02/03 职场文书
党员创先争优承诺书
2014/03/26 职场文书
竞选团支书演讲稿
2014/04/28 职场文书
商务英语邮件开头问候语
2015/11/10 职场文书
党员干部学习十八届五中全会精神心得体会
2016/01/05 职场文书
接触艺术对孩子学习思维有益
2019/08/06 职场文书
Python学习之时间包使用教程详解
2022/03/21 Python