零起点 Asp.net中使用javaScript实现前后台方法的相互调用

简介: 零起点 Asp.net中使用javaScript实现前后台方法的相互调用 一、前台调用后台的方法: 1、在后台编写你要调用到前台的方法,如下:   public string str()//javaScript函数中执行C#代码中的函数 { retur...

Asp.net中使用javaScript实现前后台方法的相互调用

一、前台调用后台的方法:

1、在后台编写你要调用到前台的方法,如下:

 

public string str()//javaScript函数中执行C#代码中的函数
{
return "javaScript方法中执行C#代码中的方法";
}


2、前台用JS就可以实现调用后台的方法,如下:

<script type="text/javascript">
function Test() {
var a = "<%=str()%>"; //JavaScript中调用C#后台的方法
alert(a);
}
</script>

 3、把JS中的方法写到事件中就可以了。

二、后台调用前台的方法:

1、在前台编写被后台调用的JS方法,如下:

<script type="text/javascript">

function Test(param1, param2) {//C#中调用JavaScript的方法
alert(param1 + param2);
}
</script>

 

2、在后台编写一个调用前台的方法,如下:

public void CtoJs(string param1,string param2)//C#代码执行JavaScript方法和调用JavaScript方法
{
ScriptManager.RegisterStartupScript(this, this.GetType(), "edit", "Test('" + param1 + "','" + param2 + "');", true);
}

3、这样你就可以在后台的事件中调用前台的JS方法,如下在一个单击事件中调用:

 protected void Button1_Click(object sender, EventArgs e)
{
CtoJs("中国人1", "中国人2");
}
目录
相关文章
|
7天前
|
JavaScript 前端开发
js遍历对象的方法
js遍历对象的方法
13 1
|
19天前
|
JavaScript 前端开发
Google Earth Engine(GEE)扩展——ee-polyfill JavaScript 方法 (ES6+)
Google Earth Engine(GEE)扩展——ee-polyfill JavaScript 方法 (ES6+)
10 1
|
27天前
|
JavaScript 前端开发
获取JavaScript时间戳函数的5种方法
获取JavaScript时间戳函数的5种方法
18 0
|
27天前
|
JavaScript 前端开发
js数字(Number)方法汇总
js数字(Number)方法汇总
11 0
|
27天前
|
存储 JavaScript 前端开发
|
1天前
|
JavaScript 前端开发
理解Vue.js 3的Reactive方法
理解Vue.js 3的Reactive方法
6 1
|
1天前
|
监控 JavaScript 前端开发
js延迟加载的方法?
js延迟加载的方法?
|
22天前
|
JavaScript 前端开发
【JavaScript精通之道】掌握数据遍历:解锁现代化遍历方法,提升开发效率!
在JavaScript开发中,经常需要对数组、对象等数据结构进行遍历操作。为了提高开发效率,JavaScript提供了多种灵活的遍历方法。本文将介绍JavaScript中常用的数据结构遍历方法,助你更好地操作数据。
|
27天前
|
JavaScript 前端开发 索引
js遍历数组和对象的常用方法有哪些?
js遍历数组和对象的常用方法有哪些?
11 0
|
27天前
|
JavaScript
js中有关字符串的方法
js中有关字符串的方法
7 0

相关产品

  • 云迁移中心