ajax学习

来源：互联网发布：程序员考试科目编辑：程序博客网时间：2024/04/28 11:49

1.ajaxIndex.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!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=UTF-8"><title>Insert title here</title><span style="color:#FF0000;"><script src="../js/jquery.min.js"></script><script src="./ajaxDeal.js"></script></span></head><body><span style="color:#FF0000;"><span id="pos_placeholder" style="width: 0px; height: 0px; visibility: hidden; margin: 0px; padding: 0px;"></span><input type="text" id="namevalue"><br /><button id="btn">Send</button>结果：<span id="result"></span></span></body></html>

ajaxDeal.js

$(document).ready(function(){$("#btn").on("click",function(){$.post("ajaxServer.jsp",{name:$("#namevalue").val()},function(data){$("#result").text(data);});});});

也可以这样写：

var name="name="+$("#namevalue").val();$.post("ajaxServer.jsp",name,function(data){$("#result").text(data);                      //$("#result").html(data); });

ajaxServer.jsp

<%String str=request.getParameter("name")+"";if("null".equals(str)){out.print("Args Error");}else{out.print("Hello "+str);}%>

result：ajax异步请求访问，页面不刷新

0 0