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

JavaScript031

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

}

方法一:

1、首先建立一个按钮,在后台将调用或处理的内容写入Button1_Click中

protected void Button1_Click(object sender, EventArgs e) 

    this.TextBox1.Text = "voodooer" 

}

2、在前台可以这样调用:

<input type="button" value="访问C#的方法" onclick='document.getElementById("Button1").click()' />

方法二:1、函数声明为public 或者protected

public string ss() 

    return("voodooer") 

}

2、 前台js调用方法

var a = " <%=ss()%>" 

alert(a)

方法三:

1、 前台代码

<script>

function __doPostBack(eventTarget, eventArgument) {     

    var theForm = document.Form1 //指runat=server的form     

    theForm.__EVENTTARGET.value = eventTarget     

    theFrom.__EVENTARGUMENT.value = eventArgument     

    theForm.submit() 

</script><input type="button" value="按钮" >

方法四: 

1、前台代码

<script language="javascript"> 

function SubmitKeyClick() 

    if (event.keyCode == 13) 

    { 

        event.cancelBubble = true 

        event.returnValue = false 

        document.all.FunName.value="要调用的函数名"; 

        document.form[0].submit() 

    } 

</script> 

<INPUT type="text"> 

<input type="hidden" > 〈!--用来存储要调用的函数 --〉