前台JS如何调用后台的方法。

JavaScript031

前台JS如何调用后台的方法。,第1张

Ajax正是为了解决此类问题。

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

这样也就可以通过发送异步请求来调用后台方法。

请参考：http://www.w3school.com.cn/ajax/ajax_intro.asp

通过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()

}