用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 >

目录
相关文章
|
7月前
|
搜索推荐
img标签上title与alt属性的区别是什么?
img标签上title与alt属性的区别是什么?
200 0
|
6月前
|
JavaScript 前端开发
详尽分享解决img的src属性为空时会有边框的情况
详尽分享解决img的src属性为空时会有边框的情况
251 0
|
7月前
|
数据采集 算法 前端开发
img标签中的title和alt属性有什么区别
img标签中的title和alt属性有什么区别
45 0
|
JavaScript
img图片丢失后默认图
img图片丢失后默认图
70 0
解决el-image中预览图片功能顺序问题
解决el-image中预览图片功能顺序问题
509 0
|
JavaScript 前端开发 应用服务中间件
如何给img标签里的请求添加自定义header
如何给img标签里的请求添加自定义header
822 0
05 - 超链接 a 标签+ 图片标签img
05 - 超链接 a 标签+ 图片标签img
161 0
|
编解码 前端开发 JavaScript
img标签中的srcset属性有什么用?
img元素的srcset属性用于浏览器根据宽、高和像素密度来加载相应的图片资源。 也就是说,我们不需要使用JavaScript也可以实现分辨率自适应。
390 0
模型image_body_reshaping,直接输入图像数组,有BUG!
模型image_body_reshaping,直接输入图像数组,有BUG!