主頁 > 知識(shí)庫 > ajax(iframe)無刷新提交表單、上傳文件

ajax(iframe)無刷新提交表單、上傳文件

熱門標(biāo)簽:Linux服務(wù)器 電子圍欄 科大訊飛語音識(shí)別系統(tǒng) 服務(wù)器配置 銀行業(yè)務(wù) 團(tuán)購網(wǎng)站 阿里云 Mysql連接數(shù)設(shè)置
找遍資料得出結(jié)果:不能
不過同時(shí)也找到了解決辦法,就是用iframe的方式來提交表單,即實(shí)現(xiàn)無刷新提交表單又可以上傳文件!
一、HTML代碼
復(fù)制代碼 代碼如下:

!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代碼(處理代碼)
這里的代碼就想怎么寫怎么寫了,不過這個(gè)里執(zhí)行完了剛才那個(gè)HMTL頁面應(yīng)該要有所表現(xiàn),這時(shí)就要用到上個(gè)頁面中的 function callback()了
復(fù)制代碼 代碼如下:

echo ("script type=\"text/javascript\">parent.callback('操作成功 ! ')/ script>");
您可能感興趣的文章:
  • Ajax方式提交帶文件上傳的表單及隱藏iframe應(yīng)用
  • 詳解Ajax和form+iframe 實(shí)現(xiàn)文件上傳的方法(兩種方式)
  • js動(dòng)態(tài)創(chuàng)建上傳表單通過iframe模擬Ajax實(shí)現(xiàn)無刷新
  • iframe實(shí)現(xiàn)Ajax文件上傳效果示例
  • 原生ajax和iframe框架實(shí)現(xiàn)圖片文件上傳的兩種方式
  • PHP實(shí)現(xiàn)帶進(jìn)度條的Ajax文件上傳功能示例
  • PHP使用HTML5 FileApi實(shí)現(xiàn)Ajax上傳文件功能示例
  • php+ajax 文件上傳代碼實(shí)例
  • PHP+Ajax實(shí)現(xiàn)上傳文件進(jìn)度條動(dòng)態(tài)顯示進(jìn)度功能
  • PHP+iframe模擬Ajax上傳文件功能示例

標(biāo)簽:衢州 蚌埠 衡水 大理 江蘇 棗莊 廣元 萍鄉(xiāng)

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《ajax(iframe)無刷新提交表單、上傳文件》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266