iframe式ajax調用示例

來源：懂視網責編：小采時間：2020-11-27 22:52:13

iframe式ajax調用示例

iframe式ajax調用示例:1.新建 a.html 代碼如下:<!doctype html> <html> <head> <meta charset='utf-8'> <title>iframe式ajax調用</title> </head> <body> <form acti

推薦度：

點擊下載本文 文檔為doc格式

導讀iframe式ajax調用示例:1.新建 a.html 代碼如下:<!doctype html> <html> <head> <meta charset='utf-8'> <title>iframe式ajax調用</title> </head> <body> <form acti

1.新建 a.html
代碼如下:


<!doctype html> 
<html> 
<head> 
<meta charset='utf-8'> 
<title>iframe式ajax調用</title> 
</head> 
<body> 
<form action='b.php' method='post' name='' id='' target='formTarget'> 
<input type='text' name='username' id='' placeholder='' value='' /> 
<input type='submit' name='' value='提交' /> 
<span id='msg'></span> 
</form> 
<iframe src='' name='formTarget' id='formTarget' style='display:none'></iframe> 
</body> 
</html> 
 
2.新建 b.php 
 代碼如下:
<?php 
echo " 
<script> 
parent.document.getElementById('msg').innerHTML = 'iframe式ajax調用成功!'; 
alert('您輸入的是：{$_POST['username']}'); 
window.setTimeout(function(){ 
parent.window.location.reload(); 
},3000); 
</script> 
"; 
 
3.訪問: http://localhost/a.html 效果如圖 
 
 
 




聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

iframe式ajax調用示例

iframe式ajax調用示例:1.新建 a.html 代碼如下:<!doctype html> <html> <head> <meta charset='utf-8'> <title>iframe式ajax調用</title> </head> <body> <form acti

推薦度：

點擊下載本文 文檔為doc格式

標簽：請求示例 ajax

熱門焦點

iframe式ajax調用示例

iframe式ajax調用示例

iframe式ajax調用示例

最新推薦

猜你喜歡

熱門推薦