不用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中暂停功能的实现代码
Mar 04 Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
Nov 07 Javascript
以Python代码实例展示kNN算法的实际运用
Oct 26 Javascript
JS实现动态生成表格并提交表格数据向后端
Nov 25 Javascript
Angular2 多级注入器详解及实例
Oct 30 Javascript
jQuery Easyui datagrid连续发送两次请求问题
Dec 13 Javascript
JS中闭包的经典用法小结(2则示例)
Dec 28 Javascript
JS实现匀加速与匀减速运动的方法示例
Sep 04 Javascript
Vue中的无限加载vue-infinite-loading的方法
Apr 08 Javascript
Angular父子组件通过服务传参的示例方法
Oct 31 Javascript
详解基于mpvue微信小程序下载远程图片到本地解决思路
May 16 Javascript
js实现倒计时秒杀效果
Mar 25 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
短波收音机简介
2021/03/01 无线电
关于文本留言本的分页代码
2006/10/09 PHP
PHP 手机归属地查询 api
2010/02/08 PHP
php float不四舍五入截取浮点型字符串方法总结
2013/10/28 PHP
PHP中执行MYSQL事务解决数据写入不完整等情况
2014/01/07 PHP
php分享朋友圈的实现代码
2019/02/18 PHP
文字幻灯片
2006/06/26 Javascript
一个很酷的拖动层的js类,兼容IE及Firefox
2009/06/23 Javascript
老鱼 浅谈javascript面向对象编程
2010/03/04 Javascript
jquery $.getJSON()跨域请求
2011/12/21 Javascript
使用UglifyJS合并/压缩JavaScript的方法
2012/03/07 Javascript
JavaScript中判断对象类型的几种方法总结
2013/11/11 Javascript
js如何获取object类型里的键值
2014/02/18 Javascript
javascript圆盘抽奖程序实现原理和完整代码例子
2014/06/03 Javascript
jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
2014/11/19 Javascript
Java中Timer的用法详解
2015/10/21 Javascript
AngularJS中transclude用法详解
2016/11/03 Javascript
JavaScript原生节点操作小结
2017/01/17 Javascript
loading动画特效小结
2017/01/22 Javascript
jQuery层级选择器实例代码
2017/02/06 Javascript
vue中轮训器的使用
2019/01/27 Javascript
vue组件化中slot的基本使用方法
2019/05/01 Javascript
浅谈JS中几种轻松处理'this'指向方式
2019/09/16 Javascript
[26:40]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第一局
2016/02/25 DOTA
python入门之语句(if语句、while语句、for语句)
2015/01/19 Python
Python实现爬取百度贴吧帖子所有楼层图片的爬虫示例
2018/04/26 Python
Python实现的特征提取操作示例
2018/12/03 Python
解决Python下imread,imwrite不支持中文的问题
2018/12/05 Python
python图形界面开发之wxPython树控件使用方法详解
2020/02/24 Python
会计专业导师推荐信
2014/03/08 职场文书
建筑工程造价专业自荐信
2014/07/08 职场文书
计生工作先进事迹
2014/08/15 职场文书
预备党员期盼十八届四中全会召开思想汇报
2014/10/17 职场文书
大学辅导员述职报告
2015/01/10 职场文书
高一地理教学工作总结
2015/08/12 职场文书
Vue的过滤器你真了解吗
2022/02/24 Vue.js