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

　　网站内容及实现方式(

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

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

　　更新时间：2013-08-20 16:05:06 作者：

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

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

　　方法一

　　背景方法：

　　复制代码代码如下：

　　// 需要标识为WebMethod

　　[系统.Web.Services.WebMethod]

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

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

　　{

　　字符串结果=“你好：”+名称；

　　返回结果；

　　}

　　前端js：

　　复制代码代码如下：

　　方法二

　　背景方法：

　　复制代码代码如下：

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

　　{

　　strCC = "你好！" + strCC;

　　返回 strCC;

　　}

　　前端js：

　　复制代码代码如下：

　　函数显示（）

　　{

　　var v = "中国";

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

　　警报；

　　}

　　方法三

　　背景方法：

　　复制代码代码如下：

　　// 需要标识为WebMethod

　　[系统.Web.Services.WebMethod]

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

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

　　{

　　字符串结果=“你好：”+名称；

　　返回结果；

　　}

　　前端js：

　　复制代码代码如下：

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

　　总结

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

　　对于方法2，虽然对后台方法没有限制，但是当前台调用为只读时，从前台传递到后台的参数实际上并不存在，即无法从后台获取。所以第二种方法适合调用后台方法进行处理返回给客户端使用，但不适合将数据传到后台后台使用。