zoukankan      html  css  js  c++  java
  • ajax之---“伪”ajax

    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();

    }
  • 相关阅读:
    linux中服务器定时程序设定
    Linux中java项目环境部署,简单记录一下
    四则运算使用栈和后缀表达式
    PAT乙1003
    L7,too late
    PAT乙1002
    L6,Percy Buttons
    如何计算递归算法的时间复杂度
    c#打印(转)
    C中数组与指针【转】
  • 原文地址:https://www.cnblogs.com/jinxf/p/9162691.html
Copyright © 2011-2022 走看看