在学习SpringMVC的过程中，接触到ajax，顺便复习一下前面学习到的知识！

这篇博客中讲的比较详细 http://www.cnblogs.com/lsnproj/archive/2012/02/07/2340395.html  大家可以参考，我就写一些他没讲到的

一.一个基本例子  无刷新添加数据

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"

    pageEncoding="ISO-8859-1"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>Insert title here</title>

<script type="text/javascript">

 function onClickAjax()

 {

	 var xmlHttp;

	 //分浏览器创建xmlHttp对象

	 if(window.XMLHttpRequest)

		 {

		 xmlHttp=new XMLHttpRequest();

		 }

	 else if(window.ActiveXObject)

		 {

		 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

		 }

	 //设置请求类型

	 xmlHttp.open("POST","/ajaxTest/user/ajaxTest/",true);

	 //回调函数

	 xmlHttp.onreadystatechange=function()

	 {

		// alert(xmlHttp.readyState);

		 if(xmlHttp.readyState==4)

			 {

			 if(xmlHttp.status==200)

				 {

				 var data=xmlHttp.responseText;

				 document.getElementById('div1').innerHTML=data;

				 alert(data);

				 }

			 else

				 alert(xmlHttp.status);

			 }

	 }

	 xmlHttp.send();

 }

function  test(){alert(" no problem");}

</script>

</head>

<body>

<form>

<input onclick="test()" type="button" value="test"/>

<input onclick="onClickAjax()" type="button" value="submit"/>

<div id="div1">

</div>

</form>

</body>

</html>

后台代码

	@RequestMapping("/ajaxTest")

	public String  ajaxTest(HttpServletRequest request,HttpServletResponse response)

	{

	   String temp=(String)request.getAttribute("msg");

	   System.out.println(temp);

	   try {

		/*放回json类型的数据

		 * response.setContentType("application/json");

		 * String str="{\"age\":\"12\"}";

		 */

		StringBuilder sb=new StringBuilder();

		sb.append("<ul>");

		sb.append("<li>jackvin");

		sb.append("</li>");

		sb.append("<li>tom");

		sb.append("</li>");

		sb.append("</ul>");

		String str=sb.toString();

		response.getWriter().write(str);

		response.getWriter().close();

	} catch (IOException e) {

		// TODO Auto-generated catch block

		e.printStackTrace();

	}

		return "/showView";  //ajaxTest

	}

spring配置我就不贴了，结果是我们看到在原先没有任何数据的页面上，会多出两行数据，这就是ajax的无刷新功能，我们可以用它来添加评论等等

二.很多时候我们需要通过ajax传递json数据 ，那该怎么办呢？

ajax 测试的更多相关文章

  1. selenium通过WebDriverWait实现ajax测试

    selenium通过WebDriverWait实现ajax测试 AndroidDriver driver = new AndroidDriver(); driver.get("http:// ...

  2. selenium经过WebDriverWait实现ajax测试

    当前位置:我的异常网» Web前端 » selenium经过WebDriverWait实现ajax测试 selenium经过WebDriverWait实现ajax测试 www.MyException. ...

  3. ajax测试Demo以及json简单的转化

    Ajax是局部刷新,并不影响页面其他的操作 实例1:本测试是演示利用Ajax在一个页面播放视频,点击赞和踩按钮,视频不会受影响, 新建一个ajaxTest.html页面 <!DOCTYPE ht ...

  4. ajax测试异步提交

    今天测试了$.ajax()方法: $("a").click(function(){        $.ajax({           url:"MyJsp.jsp&qu ...

  5. 20191204-使用nginx解决ajax测试调用接口跨域问题

    问题描述 之前要测试一个http的接口,在postman中测试成功,但使用ajax调用却跨域.于是通过使用ngin反向代理的方式来解决ajax调用跨域问题 测试页面的内容 <html> & ...

  6. C#开发的WebService使用JSON格式传递数据+Ajax测试

    [C#]  WebService 使用 JSON 格式傳遞筆記 + JQuery 測試 0 2 因為一些因素,必須改寫WebService,很傳統,但是很多公司還在用.. 因為XML 的關係,不想讓他 ...

  7. selenium通过WebDriverWait实现ajax测试，实现等页面元素加载完成

    WebDriverWait(driver, 10)10秒内每隔500毫秒扫描1次页面变化,当出现指定的元素后结束. http://fox1984.iteye.com/blog/1225265new W ...

  8. Selenium测试Ajax程序(转)

    上周末参加了Qclub的百度技术沙龙,听了百度的孙景卫讲了Web自动化测试,讲的非常好,然后在小组讨论时又有幸座在了一起.我们讨论的一个内容,就是Ajax应用程序比原来的非Ajax程序更不易测试,这里 ...

  9. Ajax前台与Mod_python后台应用示例

    Ajax的好处就是可以实现无刷新动态更新.后台配合Mod_python程序,使后台处理变得非常高效简洁.[index.html] <HTML> <head> <meta ...

随机推荐

  1. c++交叉#include问题

    这个问题会引起莫名其妙的编译错误, 碰到类里有其他类的指针的话,不要#include,提前声明下即可 class_a.h #ifndef CLASS_A_H #define CLASS_A_H cla ...

  2. Web开发需要常见的问题

    1.sendRedirec()方法执行后,是会直接跳转到目标页面还是执行完其后的语句再跳转到目标页面??? 该方法在执行完其后面的语句才会跳转到目标页面,比如: public void doGet(H ...

  3. mysql索引优化续

    (1)索引类型: Btree索引:抽象的可以理解为“排好序的”快速查找结构myisam,innodb中默认使用Btree索引 hash索引:hash索引计算速度非常的快,但数据是随机放置的,无法对范围 ...

  4. 【linux】用户与组

    一.用户和组的基本概念                                               1.用户 用户:用于获取计算机资源或服务的标识符,比如用户名.计算机处理的是UID, ...

  5. Azkaban任务流编写

    在Azkaban中,一个project包含一个或多个flows,一个flow包含多个job.job是你想在azkaban中运行的一个进程,可以是Command,也可以是一个Hadoop任务.当然,如果 ...

  6. 蚂蚁社招Java-第四轮电话面试【技术终面】

    作者:听着歌过面试链接:https://www.nowcoder.com/discuss/64708来源:牛客网 蚂蚁社招Java-第四轮电话面试[技术终面] 转载   (耗时22分钟,其实聊得东西挺 ...

  7. delete，truncate，drop的区别

    操作 删除对象 表和索引的空间 是否回滚 时间 delete table和view的数据,可以使用where精确删除,删除会触发触发器 表或索引的空间不变化 是dml,可以rollback回滚 最慢 ...

  8. OpenFeign使用笔记

    是什么 Feign是一个声明式Web Service客户端.使用Feign能让编写Web Service客户端更加简单, 它的使用方法是定义一个接口,然后在上面添加注解,同时也支持JAX-RS标准的注 ...

  9. mybatis一对多关联查询+pagehelper->分页错误

    mybatis一对多关联查询+pagehelper->分页错误. 现象: 网上其他人遇到的类似问题:https://segmentfault.com/q/1010000009692585 解决: ...

  10. javascript客户端遍历控件与获取父容器对象

    javascript客户端遍历控件与获取父容器对象示例代码 1,遍历也面中所有的控件function findControlAll()    {        var inputs=document. ...