1、定义页面click按钮,通过此按钮触发ajax异步取后台数据功能
<!DOCTYPE html>
<html>
<body>
<div id="demo">
<h2>Let AJAX change this text</h2>
<button type="button" onclick="loadDoc()">Change Content</button>
</div>
</body>
</html>
2、定义函数loadDoc来执行ajax与服务器交互的动作:
function loadDoc() {
//定意思XMLHttpRequest对象
var xhttp = new XMLHttpRequest()
//定义返回状态为成功时的返回结果显示
xhttp.onreadystatechange = function() {
//返回值状态为4或者响应码为200是成功
if (this.readyState == 4 &&this.status == 200) {
//给标签div赋值返回结果responseText
document.getElementById("demo").innerHTML = this.responseText
}
}
//开始执行后台取数据
xhttp.open("GET", "ajax_info.txt", true)
//开始发送请求
xhttp.send()
}
如果想要取后台返回的值,前提是后台必须提供一个借口。通过这个借口后就可以获取数据了。下面是简单的代码实现:<script src="jquery-1.7.2.js"></script>
<script>
$(function(){
$('input').click(function(){
$.ajax({ //这里是用jquery自带的ajax发送请求。
url:'http://demo.xxxxx.com/own.js', //这个是后台提供的借口
dataType:'jsonp',
data:{
},
success:function(json){ //这里的json就是从后台获取的借口。
console.log(json)
}
})
})
})
</script>
</head>
<body>
<input type="button" value="aaa">
</body>
通过request的getParameter的方法获取1、通过request.getParameter("参数名")获取后台的值
2、通过<%=变量%>的方式赋给js变量
示例:
<script>
<%
String s2 = (String)request.getParameter("参数名")//获取后台参数给s2变量,<%%>表示这范围内是服务器解析的语言
%>
var s = '<%=s2%>'//输出s2给js变量s
</script>