zoukankan      html  css  js  c++  java
  • 简单了解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>");
          });
        }

  • 相关阅读:
    不相交集合ADT
    Python基于比较的排序
    优先队列(堆)
    Python数据结构——散列表
    设计包含min函数的栈
    What really happens when you navigate to a URL
    browser process request
    Business vs Technology
    理解端口与IP
    Tor的教程
  • 原文地址:https://www.cnblogs.com/acmyun/p/8630147.html
Copyright © 2011-2022 走看看