描述:不是获得当前url路径,是调用其他的url
5条回答 默认 最新
yunzhu666 2013-04-25 09:42关注目前为止还不知道LZ到底要的是什么,不管了,再来个Ajax的,很简单的demo。
把两个jsp放到Web应用里面,要放在同一个目录下,打开ajaxGetPost.jsp这个页面,ajaxGetPost.jsp页面通过Ajax访问ajaxGetPostUse.jsp页面。
[code="jsp"]<%@ page language="java" pageEncoding="GBK"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Ajax Using Get and Post
<br> var xmlHttp;<br> // 创建对象<br> function createXmlHttpRequest()<br> {<br> if(window.XMLHttpRequest)<br> {<br> xmlHttp = new XMLHttpRequest();<br> } else if(window.ActiveXObject)<br> {<br> xmlHttp = new ActiveXObject("Microsoft.XMLHttp");<br> } else {<br> alert("Your Browser Don't Support AJAX!");<br> return false;<br> }<br> return true;<br> }<br> // 拼装查询字符串<br> function createQueryString()<br> {<br> var firstName = document.getElementById("firstName").value;<br> var birthday = document.getElementById("birthday").value;<br> var queryString = "firstName=" + firstName + "&birthday=" + birthday;<br> //两次编码解决中文乱码问题<br> return encodeURI(encodeURI(queryString));<br> }<br> // GET方式进行异步请求<br> function doRequestUsingGet()<br> {<br> if(!createXmlHttpRequest()) {<br> return;<br> }</p> <pre><code> var url = "ajaxGetPostUse.jsp?" + createQueryString(); //IE会自动缓存异步通信结果,在url后加一个毫秒数,使每次请求的地址都不一样,可解决问题 url = url + "&timestamp=" + new Date().getTime(); xmlHttp.onreadystatechange = handleStateChange; xmlHttp.open("GET", url); xmlHttp.send(null); } // POST方式进行异步请求 function doRequestUsingPost() { if(!createXmlHttpRequest()) { return; } //IE会自动缓存异步通信结果,在url后加一个毫秒数,使每次请求的地址都不一样,可解决问题 var url = "ajaxUsingGetPost?timestamp=" + new Date().getTime(); var queryString = createQueryString(); xmlHttp.onreadystatechange = handleStateChange; xmlHttp.open("POST", url); xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xmlHttp.send(queryString); } // 处理服务端返回数据 function handleStateChange() { if(xmlHttp.readyState == 4 && xmlHttp.status == 200) { var responseDiv = document.getElementById("serverResponse"); // responseDiv.innerHTML = xmlHttp.responseText; // 原始 responseDiv.innerHTML = decodeURI(xmlHttp.responseText); // 解码 } } </script> </head> <body> <h4> 哈哈,我的第一个Ajax程序O(∩_∩)O </h4> <h3> 输入姓名和生日 </h3> <form> <input type="text" id="firstName" /> <br /> <input type="text" id="birthday" /> <br /> <input type="button" value="Get" onclick="doRequestUsingGet();" /> <br /> <input type="button" value="Post" onclick="doRequestUsingPost();" /> </form> <div id="serverResponse"></div> </body> </code></pre> <p></html>[/code]</p> <p>[code="jsp"]<%@ page language="java" pageEncoding="GBK"%><br> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><br> <html><br> <head><br> <title>Ajax Using Get and Post Use</title><br> </head><br> <body><br> <%<br> String firstName = request.getParameter("firstName");<br> String birthday = request.getParameter("birthday");<br> // 返回给Ajax调用者的内容<br> out.println("Hello, " + firstName + ", your birthday is " + birthday + ".");<br> %><br> </body><br> </html>[/code]</p>本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报