如何通过js来获取后台数据

JavaScript033

如何通过js来获取后台数据,第1张

通过js来获取后台数据的方法是采用ajax方式完成的。

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>