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

JavaScript015

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

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

AJAX = 异步 JavaScript 和 XML。

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

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

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

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

使用请求方式,js发送请求给后台,后台接收到请求后调用方法或者变量。

首先你要搞清楚js是客户端脚本,是运行在客户端的,而后台是运行在服务端的,二者不在一个意义上,是不能直接相互调用的。

只能由客户端发送请求给服务器,服务器接收到请求后处理一些事情后返回结果。

调用方法可以采用jQuery的$.ajax、$.post、$.get方法。

如:

$.ajax({

type:"post",

url:"127.0.0.1&type=1",

success:function(msg){

//这里是请求的回调方法。

}

})

前台调用后台,ajax+json。你在前台写个方法,直接去调后面的处理页面,返回json格式,在前台解析。代码例子:

$(document).ready(

function(){

setTimeout(function(){

$.ajax({

type:"post",

url:"Handler1.ashx",

dataType: "json",

success: function(data) {

$("#msg").css("color", "#0000FF").html(data.MSG)

},

error: function(err) {

$("#msg").css("color", "#FF0000").html("access faield:" + err)

}

})

}, 1000)

})

这是个前台的脚本,要jquery。中间的"Handler1.ashx"就是你的后台处理页面,这页面上可以放你的后面逻辑。返回的字符串用json。前台success代表成功调用后台,把消息data.MSG这个显示在msg里。这是一个定时器,每1秒去执行一次后台处理。