用img标签实现数据提交

简介:
 其实不一定要使用script标签,用img标签也可以实现。
(如果远端要回传大量数据,而不是bool类型的标志,则需要使用script标签)。
把下面代码保存到本地html,用户名:"dexterfar"。密码:"888"。就能收到成功消息。
HTML code
 
  
< script > function login(name,pass) { var img = document.createElement( " img " ); img.src = " http://www.chenre.cn/test2.aspx?name= " + encodeURI(name) + " &password= " + encodeURI(pass); img.style.visibility = " hidden " ; img.style.height = " 1px " ; img.style.width = " 1px " ; img.onerror = function () { // Finish Code Here alert( " Err " ); } img.onload = function () { // Finish Code Here alert( " Ok " ) } document.body.appendChild(img); } </ script > < body > 用户名: < input name ="" id ="name" type ="text" /> 密码: < input name ="" id ="password" type ="password" /> < input name ="" value ="登录" type ="button" onclick ="login(document.getElementById('name').value,document.getElementById('password').value)" /> </ body >

目录
相关文章
|
3月前
|
搜索推荐
img标签上title与alt属性的区别是什么?
img标签上title与alt属性的区别是什么?
32 0
|
4月前
|
前端开发 开发工具 git
Git 标签(Tag)实战:打标签和删除标签的步骤指南
Git 标签(Tag)实战:打标签和删除标签的步骤指南
|
3月前
|
数据采集 算法 前端开发
img标签中的title和alt属性有什么区别
img标签中的title和alt属性有什么区别
17 0
|
4月前
|
JavaScript
img图片丢失后默认图
img图片丢失后默认图
27 0
|
9月前
解决el-image中预览图片功能顺序问题
解决el-image中预览图片功能顺序问题
141 0
|
9月前
|
JavaScript 前端开发 应用服务中间件
如何给img标签里的请求添加自定义header
如何给img标签里的请求添加自定义header
501 0
|
前端开发
react 判断标签img 图片是否存在,不存在则替换为默认图片
react 判断标签img 图片是否存在,不存在则替换为默认图片
603 0
05 - 超链接 a 标签+ 图片标签img
05 - 超链接 a 标签+ 图片标签img
114 0
|
编解码 前端开发 JavaScript
img标签中的srcset属性有什么用?
img元素的srcset属性用于浏览器根据宽、高和像素密度来加载相应的图片资源。 也就是说,我们不需要使用JavaScript也可以实现分辨率自适应。
339 0