关于JQueryAjax文件加载显示文本内容
Jsp代码:
request.getContextPath()
<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %>
<base href="<%=basePath%>">
Ajax:
通过:$.ajax() 返回其创建的 XMLHttpRequest 对象
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="js/lib/jquery/1.8.3/jquery.js"></script> <script type="text/javascript" src="js/my_jquery_load.js"></script> </head> <body> <div id="myDiv"><h2>hello world</h2></div> <button>通过jquery-ajax改变Div内容</button> </body> </html>
/** * Created by kikop on 2017/6/6. */ // http://www.w3school.com.cn/jquery/jquery_events.asp $(document).ready(function () { $("button").click(function () { //var path=request.getContextPath(); //ERROR //$.ajax() 返回其创建的 XMLHttpRequest 对象 var htmlObj = $.ajax({ //url: "<%=path %>/requestContent.txt", //注意:这里路径要取全 url: "js/requestContent.txt", //注意:这里路径要取全 async: false }) ; $("#myDiv").html(htmlObj.responseText); }); });
通过jquery-ajax改变Div内容,这是新的内容。
