<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>偽造Ajax</title> </head> <body> <input type="text"> <form id="f1" action="/fakeajax/" method="post" target="ifr"> <iframe name="ifr" id="ifr"></iframe> {# 當iframe加載時，也就是有返回值的時候 執行loadiframe() 模擬回調函數#} <input name="user" type="text"> <a onclick="submit_form()">提交 </a> </form> </body> <script> function submit_form() { document.getElementById('f1').submit() document.getElementById('ifr').onload=loadiframe#綁定事件 } function loadiframe() { var return_values=document.getElementById('ifr').contentWindow.document.body.innerHTML console.log(return_values) } </script> </html>
要用ID去找不然前台報錯
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form id="f1" action="/fakeajax" method="post" target="ifr">
{% csrf_token %}
<iframe name="ifr" id="iframe"></iframe>
<input name="user" type="text">
<a onclick="submit_form()">提交</a>
</form>
<script>
function submit_form() {
document.getElementById('f1').submit()
document.getElementById('iframe').onload=loadiframe
}
function loadiframe() {
var return_values=this.contentWindow.document.body.innerHTML
var obj = JSON.parse(return_values)
if(obj.status){
alert(obj.status);
}
}
</script>
</body>
</html>