ajax学习
发布时间:2020-12-15 21:44:22 所属栏目:百科 来源:网络整理
导读: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"htmlheadmeta http-equiv="Content-Type"
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异步请求访问,页面不刷新
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |