• 简单了解AJAX


    // ajax的俩个版本:

      var xmlhttp;

      if(window.xmlHttpRequest){
        xmlhttp = new xmlHttpRequest();
      }else{
        xmlhttp = new Activexobjext("Microsoft.xmlhttp");
      }

    // 向服务器发送请求:
      xmlhttp.open(method,url,asyns);
      /*
        method: 请求类型(get和post)
        url: 文件在服务器上的位置
        async: 是否同步(true同步或false异步)
      */
      xmlhttp.send(string);
      /*
        string: 仅用于post请求
      */
    // 实例:页面加载,获取信息
      HTML的内容:
        <body>
          <div id="box"></div>
        </body>

      JS的内容:
        $.ajax({
          type: "POST",        //请求方式
          url: "地址",           //就是JSON文件的请求路径
          dataType: "JSON",      //请求的文件类型:有text,xml.json,script.jsonp
          success:function(result){   //返回的参数是active里面所有get和set方法的参数
            addBox(result);
          }
        });
        function addBox(result){
          $.each(result,function(index,obj){
            $("#box").append("<div class='product'>"+   
            "<div><img class='img' src="+obj['url']+"/></div>"+  
            "<div class='p1 p'>"+obj['name']+"</div>"+     
            "<div class='p2 p'>"+obj['sex']+"</div>"+     
            "<div class='p3 p'>"+obj['email']+"</div>"+   
            "</div>");
          });
        }

  • 相关阅读:
    使用sorted函数对字典元素排序
    PAT (Basic)1004 成绩排名 (Python实现)
    Python中的a+=b和a=a+b之间的区别是什么?
    Shell while循环用法总结
    PAT (Basic)1027 打印沙漏 (Python实现)
    python 基础应用2
    python 基础知识1
    python 基础知识2-数据类型
    python 基础应用1
    PHP提高SESSION响应速度的方法
  • 原文地址:https://www.cnblogs.com/acmyun/p/8630147.html
Copyright © 2020-2023  润新知