网站内容及实现方式( JS调用后台方法进行数据交互项目开发过程中的示例)

　　网站内容及实现方式(

JS调用后台方法进行数据交互项目开发过程中的示例)

　　JS调用后台方法进行数据交互的多种实现方式

　　更新时间：2013年8月20日16:05:06 作者：

　　几个典型和常用的方法比如使用控件的AutopostBack属性，Button提交表单等，下面给大家分享一个JS调用后台方法进行数据交互的例子

　　项目开发过程中有很多地方需要前端和后端进行数据交互。几种典型和常用的方法包括使用控件的 AutopostBack 属性、通过 Button 提交表单等。但这些都是有条件的。AutoPostBack 是实时的，但会刷新页面。按钮提交表单无法实现实时数据交互。当然，说到前台后台的数据交互，ajax也不能错过。Ajax实现了前台和后台数据的异步交互，保证了实时、局部刷新。但是，有些数据不需要异步交互。例如，当交互数据是下次执行的条件时，必须等到前台数据和后台数据交互完成后才能继续执行程序。所以，掌握js与后台数据交互的方法还是很有必要的。

　　方法一

　　后台方法：

　　复制代码代码如下：

　　// 需要标识为WebMethod

　　[系统.Web.服务.Web方法]

　　// 注意前台要调用的方法必须是public和static

　　公共静态字符串说（字符串名称）

　　{

　　字符串结果 = "你好：" + 姓名；

　　返回结果；

　　}

　　前台js：

　　复制代码代码如下：

　　方法二

　　后台方法：

　　复制代码代码如下：

　　受保护的字符串说（字符串 strCC）

　　{

　　strCC = "你好！" + strCC;

　　返回 strCC;

　　}

　　前台js：

　　复制代码代码如下：

　　函数显示()

　　{

　　var v = "中国";

　　var s =''; // 你好！"+V+"

　　警报；

　　}

　　方法三

　　后台方法：

　　复制代码代码如下：

　　// 需要标识为WebMethod

　　[系统.Web.服务.Web方法]

　　// 注意前台要调用的方法必须是public和static

　　公共静态字符串说（字符串名称）

　　{

　　字符串结果 = "你好：" + 姓名；

　　返回结果；

　　}

　　前台js：

　　复制代码代码如下：

　　//WebSerCustomer.asmx 后台webservice类页面名称

　　总结

　　对于方法一和方法三，标识System.web.Services.webmethod可以声明一个方法可以被客户端js函数调用，后台方法必须声明为public和static。正是因为该方法被声明为静态的。使得这两种方法都有局限性，即静态方法中只允许访问静态成员变量。所以如果要通过这两种方式调用后台方法，就不能访问后台方法中的非静态成员变量。

　　对于第二种方法，虽然对后台方法没有限制，但是在调用前台的时候是只读的，从前台传给后台的参数实际上是不存在的，也就是不能从背景。因此，第二种方法适用于调用后台方法进行处理返回给客户端使用。不适合将数据传输到后台供后台使用。