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

    ajax 请求数据的两种方法,有需要的朋友可以参考下。

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

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

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

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

    一.原始的方法

    <scripttype="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>

    <divid="myDiv">

    </div>

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

    </body>

    二.利用jquery包的ajax请求

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

    <scriptsrc="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();

  • 相关阅读:
    测试
    unittest发送测试报告邮件
    unittest生成测试报告
    Navicat连接Oracle详细教程
    Windows 2012 安装 Oracle 11g 报错:[INS-13001]环境不满足最低要求。
    Windows server 2012安装oracle11g(32/64位)步骤
    ElasticSearch和solr的差别
    HashMap和Hashtable的区别
    final关键字所修饰的类有什么特点
    springboot测试的时候插入数据: error performing isolated work; SQL [n/a]; nested exception is org.hibernate...
  • 原文地址:https://www.cnblogs.com/du-0210/p/8378736.html
Copyright © 2011-2022 走看看