zoukankan      html  css  js  c++  java
  • ajax 请求数据的两种方法

    实现ajax 异步访问网络的方法有两个。第一个是原始的方法,第二个是利用jquery包的

    原始的方法不用引入jquery包,只需在html中编写script 片段

    这里我演示的是一个传递参数查询的例子;

    varurl="expert_ZFTservlet?expert_name="+"曾攀";

    一.原始的方法

    <script type="text/javascript">  

    function load(){

       var xmlhttp;

       if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera,Safari

          xmlhttp= newXMLHttpRequest();

       }else{// code for IE6, IE5

          xmlhttp= newActiveXObject("Microsoft.XMLHTTP");

       } 

       xmlhttp.onreadystatechange= function(){

          if (xmlhttp.readyState ==4 && xmlhttp.status == 200) {//获得了请求数据

     var expertinfolist = xmlhttp.responseText;

       //发送请求数据到myDiv     document.getElementById("myDiv").innerHTML=expertinfolist;              

          }

       }

       var url="expert_ZFTservlet?expert_name="+"曾攀";

       xmlhttp.open("GET", url, true);

       xmlhttp.send();

    }

    </script>

    </head>

    <body> 

    <div id="myDiv">

    </div>

    <button type="button"  onclick="load()" >ChangeContent</button>

    </body>

    二.利用jquery包的ajax请求

    在使用该方法前需要引入Jquery包

       <script src="js/jquery-1.5.1.min.js" type="text/javascript"></script>

     

    <script>

    $.ajax({   

         type:'post', //方法类型  

         url:" expert_ZFTservlet?expert_name="+"曾攀",//请求地址     

         dataType:'json', //数据类型  

         success:callback//请求成功处理函数  

         });   

    //返回函数

    function  callback(data){

    alert(data); //获得请求返回对象;

    }

    </script>

    这个是我请求的servlet 的一些代码

    expertinfolist为我的查询结果,

    为一个list<Object>类型的对象

          request.setCharacterEncoding("utf-8");

          response.setCharacterEncoding("utf-8");

          PrintWriterout=response.getWriter();

          out.print(expertinfolist);

          out.flush();

          out.close();

  • 相关阅读:
    beautifulsoup的一些使用
    requests(爬虫常用)库的使用
    find a maximum product triplet in this array
    Minimum difference between two arrays
    [LeetCode] Binary Tree Upside Down
    n 刀切多少块pizza
    Biased Random Number Generator
    linked list焦点问题,面经里很多,考虑相交不相交,有环无环 + Find Leaves of Binary Tree (Java)
    replace string use another
    Union and Intersection of two sorted list
  • 原文地址:https://www.cnblogs.com/jpfss/p/7491093.html
Copyright © 2011-2022 走看看