js前台与后台数据交互-前台调后台
除了下文讲的方式外，还有一种方式：html里面使用ajax写好提交方式和提交参数，然后以写一行带有.aspx文件格式的语句跳转到后台（以.config文件为桥梁跳转，其中会指定后台处理程序在哪里），直接到后台的handler里面去处理，会自动开始执行ProcessRequest等函数
下文来自：http://blog.csdn.net/wang379275614/article/details/17033981
网站是围绕数据库来编程的，以数据库中的数据为中心，通过后台来操作这些数据，然后将数据传给前台来显示出来（当然可以将后台代码嵌入到前台）。即：
**
前台调用后台方法与变量：
方法一：通过WebService来实现
步骤：
后台
Ø 首先引入命名空间（using System.Web.Services;）
Ø 然后定义公共的静态的方法（必须为public和static的,且静态方法不能访问外部的非静态变量，此时后台与前台相当于父类与子类的关系），并在该方法头部上加上[System.Web.Services.WebMethod]，来标注方法特性。
前台
Ø 添加ScriptManager服务器控件，并把其EnablePageMethods属性设为true。
Ø 通过PageMethods方法调用后台定义的public、static方法
PageMethods方法简介：
PageMethods.FunctionName(Paramter1,Parameter2,…,funRight,funError, userContext);
1)Paramter1,Parameter2,…,表示的是FunctionName的参数,类型是Object或Array；
2） funRight是方法调用成功后的回调函数，对返回值进行处理
3） funError是当后台的FunctionName方法发生异常情况下的执行的Js方法（容错处理方法），
4）userContext是可以传递给SuccessMethod方法，或是FailedMethod方法的任意内容。
举例：
后台代码：
[html]
view plain copy 在CODE上查看代码片派生到我的代码片
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.Services;
namespace WebApplication4
{
public partial class WebForm10 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
[WebMethod]
public static string test1(string userName)
{
return "hello "+userName+", 这是通过WebService实现前台调用后台方法";
}
}
}
前台代码：
[html]
view plain copy 在CODE上查看代码片派生到我的代码片
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm10.aspx.cs" Inherits="WebApplication4.WebForm10" %>
点击按钮弹出如下对话框：
方法二：通过<%=methodname()%>和<%#methodname()%>（methodname()为后台定义的方法）
这种方法调用的后台方法可能出现在前台的位置有3种情况：
1)服务器端控件或HTML控件的属性
2)客户端js代码中
3) Html显示内容的位置（它作为占位符把变量显示于符号出现的位置）
这里对两者做简单实例，详细内容在后面文章中介绍
步骤：
后台
Ø 定义public或protected的变量或方法（不能为private）
前台
Ø 直接用<%= %>和<%# %>对后台变量或方法进行调用，两者的用法稍有差异（<%# %>基本上能实现<%= %>的所以功能）
举例：
后台代码：
[html]
view plain copy 在CODE上查看代码片派生到我的代码片
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebApplication4
{
public partial class WebForm1 : System.Web.UI.Page
{
public string name = "我是后台变量";
protected void Page_Load(object sender, EventArgs e)
{
this.DataBind();
}
//不能为private
protected string strTest() {
return "这是前台通过<%# %>调用后台方法";
}
public void strTest2()
{
Response.Write("这是前台通过<%= %>调用后台方法");
}
}
}
前台代码：
[html]
view plain copy 在CODE上查看代码片派生到我的代码片
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication4.WebForm1" %>
运行结果：
<%=methodname()%>和<%#methodname()%>两种方式的详细介绍（联系与区别）会在后面文章中详细介绍。
方法三：通过隐藏服务端按钮来实现
后台代码：
[html]
view plain copy 在CODE上查看代码片派生到我的代码片
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebApplication4
{
public partial class WebForm11 : System.Web.UI.Page
{
protected void Button1_Click(object sender, EventArgs e)
{
Response.Write("这是通过隐藏控件方式实现前台访问后台方法");
}
}
}
前台代码：
[html]
view plain copy 在CODE上查看代码片派生到我的代码片
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm11.aspx.cs" Inherits="WebApplication4.WebForm11" %>
**
总结：
**
方法一的后台方法必须声明为public和static（否则会发生PageMethods未定义错误）,正是由于要将方法声明为static,使得这两种方法都有局限性，即静态方法中只允许访问静态成员变量。所以要想用这两种方式调用后台方法，后台方法中是不能访问非静态成员变量的。
方法二，后台方法没有任何限制，但是前台调用的时候由于<%=%>是只读的，<%=%>适合于调用后台方法经过处理并返回给客户端使用，不适合于将数据传到后台供后台使用
后面会讲后台调用前台js代码。。。
**