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

    }
  • 相关阅读:
    javascript 调试代码
    简洁的js拖拽代码
    搭个小窝
    FastDFS随笔
    JDK6和JDK7中String的substring()方法及其差异
    杂笔
    JVM内存随笔
    java中的final和volatile详解
    关于java的Synchronized,你可能需要知道这些(下)
    关于java的Synchronized,你可能需要知道这些(上)
  • 原文地址:https://www.cnblogs.com/jinxf/p/9162691.html
Copyright © 2011-2022 走看看