views.py

def ajax1(request):
 
    ret={‘status‘:‘true‘,‘message‘:‘successful‘}

    return HttpResponse(json.dumps(ret))

<h2>基於Ifram和form的偽ajax</h2>

<iframe id="i1" name="ifra" ></iframe>
<form id="i2" method="get" action="ajax1.html" target="ifra" #（onload="loadifram(this);"）>    
#target等於ifram的name，使from與ifram綁定,如果在標簽上綁定onload
 
事件，需要傳參數this，函數也要定義到上面，否則綁定找不到
    <input type="text" value="1111111111"> 
#以下兩種提交方法效果相同
    #<input type="submit" value="提交">                      
    <a onclick="AjaxSubmit5()">提交</a>
</form>
<script src="/static/js/jquery-3.3.1.js"></script>
<script>
    function loadifram() {                                         #起到回調函數的作用
 

#兩種方法找到ifram接收的內容，下面onload的綁定方法，this就是ifram標簽
       # console.log(this.contentWindow.document.body.innerHTML);  
       # console.log($(‘#i1‘).contents().find(‘body‘).html());
        var content=this.contentWindow.document.body.innerHTML
        var res=JSON.parse(content)
        if(res.status){
            alert(res.message)
        }
    }
    function AjaxSubmit5() {
         document.getElementById(‘i1‘).onload=loadifram;           #提交時為ifram綁定onload事件
 

         document.getElementById(‘i2‘).submit();

    }

ajax之---“偽”ajax