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

Ajax请求数据的两种方式的更多相关文章

  1. ajax 请求数据的两种方法

    实现ajax 异步访问网络的方法有两个.第一个是原始的方法,第二个是利用jquery包的 原始的方法不用引入jquery包,只需在html中编写script 片段 这里我演示的是一个传递参数查询的例子 ...

  2. Android请求服务器的两种方式--post, get的区别

    android中用get和post方式向服务器提交请求_疯狂之桥_新浪博客http://blog.sina.com.cn/s/blog_a46817ff01017yxt.html Android提交数 ...

  3. 【代码笔记】iOS-向服务器传JSON数据的两种方式

    一,代码. - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. ...

  4. angular学习笔记(三)-视图绑定数据的两种方式

    绑定数据有两种方式: <!DOCTYPE html> <html ng-app> <head> <title>2.2显示文本</title> ...

  5. C++读取字符串数据的两种方式

    C++读取字符串数据的两种方式 对于同样的样例输入: ladder came tape soon leader acme RIDE lone Dreis peat ScAlE orb eye Ride ...

  6. easyUI之datagrid绑定后端返回数据的两种方式

    先来看一下某一位大佬留下的easyUI的API对datagrid绑定数据的两种方式的介绍. 虽然精简,但是,很具有“师傅领进门,修行靠个人”的精神,先发自内心的赞一个. 但是,很多人和小编一样,第一次 ...

  7. SparkStreaming获取kafka数据的两种方式：Receiver与Direct

    简介: Spark-Streaming获取kafka数据的两种方式-Receiver与Direct的方式,可以简单理解成: Receiver方式是通过zookeeper来连接kafka队列, Dire ...

  8. SparkStreaming与Kafka，SparkStreaming接收Kafka数据的两种方式

    SparkStreaming接收Kafka数据的两种方式 SparkStreaming接收数据原理 一.SparkStreaming + Kafka Receiver模式 二.SparkStreami ...

  9. JavaWeb 返回json数据的两种方式

    1.说明 由于一般情况下,由浏览器(前端)发送请求,服务器(后台)响应json数据,所以这里结合js进行说明: A服务器发送请求至B服务器,并接收其返回的json数据,见文末推荐,这里不再赘述! 2. ...

随机推荐

  1. shell 字符串运算符

    字符串运算符 下表列出了常用的字符串运算符,假定变量 a 为 "abc",变量 b 为 "efg": 运算符 说明 举例 = 检测两个字符串是否相等,相等返回 ...

  2. 性能测试 tps持续走低,响应时间持续增加，瓶颈分析

    吞吐量图如上 响应时间图如上 自身压测的机器,资源使用率并没有饱和 服务器,top命令下看到load average的值很低,本身是4核的server. 每个核的CPU使用率也极低,空闲cpu占95+ ...

  3. android调用照相机拍照获取照片并做简单剪裁

    引用转载http://www.cnblogs.com/eyu8874521/archive/2012/07/20/2600697.html 效果: 客服端代码:   package com.cn.lx ...

  4. 雷林鹏分享：C# 泛型（Generic）

    C# 泛型(Generic) 泛型(Generic) 允许您延迟编写类或方法中的编程元素的数据类型的规范,直到实际在程序中使用它的时候.换句话说,泛型允许您编写一个可以与任何数据类型一起工作的类或方法 ...

  5. Java 主要特性

    Java 有下面的一些主要特性. 面向对象 在 Java 中,所有的都是对象.正式因为 Java 基于对象模型,所以 Java 更加容易进行扩展. Java语言提供类.接口和继承等面向对象的特性,为了 ...

  6. laravel 懒加载

    故事背景是什么呢? 目录大家都知道吧,一般有几个层级,根据公司需求,要将目录以树的形式展示出来,为了提高访问速度,这些目录数据要一次性读取出来的.这样的话就涉及到了查询,优化查询次数是一个很关键的事情 ...

  7. LeetCode 22. Generate Parentheses（构造）

    题目大意:给n个'(' 和 ')',构造出所有的长度为2*n并且有效的(可匹配的)字符串. 题目分析:这道题不难,可以直接搜索出所有可能的字符串,然后再逐一判断是否合法即可.但是还有更好的办法,实际上 ...

  8. How do you add?（递推）

    题意:求将n分为k个数相加的种数. 如:n=20,k=2,则可分为: 0+20=20 1+19=20 2+18=20 ....... 20 +0=20 共21种方案. 解析:令f(n,m)表示将n分为 ...

  9. 10046 event 知多少

    10046 event 知多少 2017年5月10日 10:08 1.在当前session级打开trace 适用于SQL语句可以在新的session创建后再运行. 在session级收集10046 t ...

  10. 硬盘分区表知识——详解硬盘MBR (转)

    Ref: http://www.blogjava.net/galaxyp/archive/2010/04/25/319344.html 硬盘是现在计算机上最常用的存储器之一.我们都知道,计算机之所以神 ...