ajax(iframe)无刷新提交表单、上传文件

相濡以沫六十年

相濡以沫六十年

2016-02-19 10:08

今天图老师小编给大家展示的是ajax(iframe)无刷新提交表单、上传文件,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!
找遍资料得出结果:不能
不过同时也找到了解决办法,就是用iframe的方式来提交表单,即实现无刷新提交表单又可以上传文件!
一、HTML代码
代码如下:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title无刷新提交表单/title
script type="text/javascript"
!--
function callback(str){
alert(str);
}

// --/script
/head
body
form name="form1" method="POST" action="../post.php" target="post_frame" enctype="multipart/form-data"
iframe name='post_frame' id="post_frame" style="display:none;" mce_style="display:none;"/iframe
input type="file" name="img" /
input name="power[]" type="text"/
input type="submit" value="完成以上修改" name="submit" /
/form
/body
/html

二、PHP代码(处理代码)
这里的代码就想怎么写怎么写了,不过这个里执行完了刚才那个HMTL页面应该要有所表现,这时就要用到上个页面中的 function callback()了
代码如下:

echo ("script type="text/javascript"parent.callback('操作成功 ! ')/ script");
展开更多 50%)
分享

猜你喜欢

ajax(iframe)无刷新提交表单、上传文件

Web开发
ajax(iframe)无刷新提交表单、上传文件

Ajax方式提交带文件上传的表单及隐藏iframe应用

Web开发
Ajax方式提交带文件上传的表单及隐藏iframe应用

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Ajax无刷新Url提交页面

Web开发
Ajax无刷新Url提交页面

Ajax技术(WEB无刷新提交数据)

Web开发
Ajax技术(WEB无刷新提交数据)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

ajax无刷新上传图片实例

Web开发
ajax无刷新上传图片实例

Ajax技术(WEB无刷新提交数据)-

Web开发
Ajax技术(WEB无刷新提交数据)-

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Android中使用sax解析xml文件的方法

Android中使用sax解析xml文件的方法

如何写一个通用的JavaScript效果库!(1/2)

如何写一个通用的JavaScript效果库!(1/2)
下拉加载更多内容 ↓