Javascript操作img如何解决网站提交数据异常问题
发表于:2024-10-18 作者:千家信息网编辑
千家信息网最后更新 2024年10月18日,这篇文章将为大家详细讲解有关Javascript操作img如何解决网站提交数据异常问题,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。使用Javascript巧妙操作
千家信息网最后更新 2024年10月18日Javascript操作img如何解决网站提交数据异常问题
这篇文章将为大家详细讲解有关Javascript操作img如何解决网站提交数据异常问题,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
使用Javascript巧妙操作img做网站异常提交数据处理
本文要做的功能效果如下:
表单提交数据到服务器A,如果服务器A访问不了就提交到服务器B
要使用JS实现上面的所讲功能,要考虑跨域问题,有使用过ajax的xmlhttp方法检测远程文件不存在返回404的方案,这种方案在测试时由于ajax存在跨域问题,所以就不采用了,也使用过img的onerror与onload事件这种方案来处理,但是这种方案会造成提交表单IE会弹窗,浏览器又拦截了弹窗,所以又不采用此方案,哪怎么办呢?搞得挺久,最终还是利用js操作img来处理完成。
也许说了这么多,你还看不懂我所表达的意思,暂不管这些,下面看代码你就清楚了。
第1步、创建一个test.htm文件,内容如下:
Code
第2步:创建getMessage.js文件,内容如下:
Code
functiongetMessage(frm){ varsendtype=frm.SendType; vartitle=frm.title; //创建模拟form表单 varobjfrm=document.createElement("form"); varobjsendtype=document.createElement("input"); varobjtitle=document.createElement("input"); //利用操作img来处理目标接收数据的服务器页面 varobjImg=document.createElement("img"); objImg.id="TmpSmsImg"; objImg.src="http://www.xueit.com/images/logo.gif";//默认服务器A图片 document.body.appendChild(objImg); varimgWidth=document.getElementById("TmpSmsImg").width; document.body.removeChild(objImg); if(imgWidth=="210")//如果图片存在,就可以获取到宽度等于预定值,默认接收数据的服务器A的页面 { objfrm.action="http://www.xueit.com/testGet.aspx"; } else//图片不存在,另一台接收数据的服务器B的页面 { objfrm.action="http://demo.xueit.com/testGet.aspx"; } //下面是表单的属性 objfrm.id="TmpForm"; objfrm.name="TmpForm"; objfrm.target="_blank"; objfrm.method="post"; objfrm.style.display="none"; objsendtype.type="hidden"; objsendtype.name="SendType"; objsendtype.value=Utf2Gb(sendtype); objtitle.type="hidden"; objtitle.name="title"; objtitle.value=Utf2Gb(title); //附加 objfrm.appendChild(objsendtype); objfrm.appendChild(objtitle); //表单提交 document.body.appendChild(objfrm); objfrm.submit(); document.body.removeChild(objfrm); //clearobj objtitle=null; objsendtype=null; objfrm=null; } //处理编码函数 functionUtf2Gb(str) { if(str!=null&&str!="") str=escape(str); returnstr; }
关于"Javascript操作img如何解决网站提交数据异常问题"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
数据
服务器
服务
方案
表单
处理
问题
网站
内容
图片
文件
篇文章
页面
功能
更多
不错
实用
巧妙
清楚
事件
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
数据库日益
我的世界虎牙宇宙服务器下载
航空无线网络技术
网络安全web渗透测试
我的世界租服务器卡吗
京东数据库部门招聘
秦安网络安全系统
网络安全文明上网小名言
网络安全准入通知
济南系统软件开发服务费
bms集成管理服务器
数据库表的字段多应该怎么处理
杨浦区电商软件开发服务是什么
iis 与数据库
FRP服务器怎么设置安全
风景海报设计软件开发
服务器最大的参数
湛江老虎机编程 软件开发
周村服装erp软件开发
单核服务器承载量
软件开发优秀员工评选标准
深圳市福斯泰网络技术
网络安全应不应该实名制
公共场所网络安全工作
南师大网络数据库
惠州神猪网络技术有限公司
头条游戏没有可用的服务器
新乡计算机网络技术专业
杭州管理软件开发多少钱
怎么删除数据库的实体