不用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采用数组实现tab菜单切换效果
Dec 12 Javascript
探讨jQuery的ajax使用场景(c#)
Dec 03 Javascript
javascript实现的固定位置悬浮窗口实例
Apr 30 Javascript
js中对函数设置默认参数值的3种方法
Oct 23 Javascript
详解Angular开发中的登陆与身份验证
Jul 27 Javascript
jQuery表单对象属性过滤选择器实例详解
Sep 13 Javascript
Vue2.0实现购物车功能
Jun 05 Javascript
网页中的图片查看器viewjs使用方法
Jul 11 Javascript
微信小程序多列选择器range-key使用详解
Mar 30 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
Sep 21 Javascript
JS实现中文汉字按拼音排序的方法
Oct 09 Javascript
Vue官方推荐AJAX组件axios.js使用方法详解与API
Oct 09 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编写发红包程序
2015/07/22 PHP
php二维码生成
2015/10/19 PHP
微信开发之网页授权获取用户信息(二)
2016/01/08 PHP
给网站上的广告“加速”显示的方法
2007/04/08 Javascript
JavaScript 更严格的相等 [译]
2012/09/20 Javascript
JS格式化数字保留两位小数点示例代码
2013/10/15 Javascript
JavaScript计时器示例分析
2015/02/05 Javascript
基于JS代码实现当鼠标悬停表格上显示这一格的全部内容
2016/06/12 Javascript
js监听input输入框值的实时变化实例
2017/01/26 Javascript
Android中Okhttp3实现上传多张图片同时传递参数
2017/02/18 Javascript
实时监控input框,实现输入框与下拉框联动的实例
2018/01/23 Javascript
Nodejs模块载入运行原理
2018/02/23 NodeJs
微信小程序自定义prompt组件步骤详解
2018/06/12 Javascript
axios简单实现小程序延时loading指示
2018/07/30 Javascript
浅谈vue 单文件探索
2018/09/05 Javascript
layui自定义ajax左侧三级菜单
2019/07/26 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
2020/02/03 Javascript
VueCli生产环境打包部署跨域失败的解决
2020/11/13 Javascript
Python urllib模块urlopen()与urlretrieve()详解
2013/11/01 Python
Python的Django框架中settings文件的部署建议
2015/05/30 Python
Tornado高并发处理方法实例代码
2018/01/15 Python
python 爬虫 批量获取代理ip的实例代码
2018/05/22 Python
使用python模拟高斯分布例子
2019/12/09 Python
python中的 zip函数详解及用法举例
2020/02/16 Python
解决python父线程关闭后子线程不关闭问题
2020/04/25 Python
python matplotlib模块基本图形绘制方法小结【直线,曲线,直方图,饼图等】
2020/04/26 Python
python 实现PIL模块在图片画线写字
2020/05/16 Python
python 匿名函数与三元运算学习笔记
2020/10/23 Python
python使用numpy中的size()函数实例用法详解
2021/01/29 Python
Dr.Jart+美国官网:韩国药妆品牌
2019/01/18 全球购物
四年的个人工作自我评价
2013/12/10 职场文书
金融专业求职信
2014/08/05 职场文书
工作业绩不及格检讨书
2014/10/28 职场文书
创业计划书之校园跑腿公司
2019/09/24 职场文书
高一作文之暖冬
2019/11/09 职场文书
Python OpenCV实现图形检测示例详解
2022/04/08 Python