집 >백엔드 개발 >C#.Net 튜토리얼 >.net과 javascript 스크립트 간의 상호 작용 방법 요약
이 기사의 예는 .net과 자바스크립트 스크립트 간의 상호 작용 방법을 요약하고 참고용으로 모든 사람과 공유합니다. 구체적인 방법은 다음과 같습니다.
1.asp.net이 js를 호출합니다
Response.Write("71180f37797591dcd47c07c8f651453f"); Response.Write("alert('登峰欢迎您 ');" ); Response.Write("location.href='login.aspx';") ; Response.Write("2cacc6d41bbb37262a98f745aa00fbf0") ;
이 경우 페이지에서 JS 스크립트의 모든 기능을 호출할 수 있습니다
2 .js 스크립트는 서버 컨트롤의 값에 어떻게 액세스합니까?
js에서는 다음 스크립트를 사용하여 Name
var myvalue=document.all('Name').value;3. 서버 컨트롤은 js에서 변수를 어떻게 가져오나요?
값 메서드는 인터페이스에 숨겨진 컨트롤 HtmlInputHidden을 넣은 다음 서버 컨트롤로 실행되도록 설정하는 것입니다. 컨트롤의 값은 js 스크립트와 ASP.NET 코드에서 액세스할 수 있습니다.
js 서버 컨트롤 할당:
var bt=document.all('Name').value; bt.value='名称';액세스하려면 ASP.NET의 Name.Value를 사용하세요. 4. 포그라운드와 백그라운드 간 함수 호출
22e6244c9f89e2a72231546ed5a2733f b2386ffb911b14667cb8f0f91ea547a7Untitled Page6e916e0f7d1e588d4f442bf645aedb2f 8019067d09615e43c7904885b5246f0a function callServer(arg){ var oTb = document.getElementById('bf1c2373e49a059295411976a528fbb7'); // arg中是传给服务器的变量 arg = oTb.value; 64abc476f6f75c293c21d33595357e63 } function receiveServerResult(result){ // 在这里添加处理服务器返回结果的逻辑,result变量是服务器返回的结果 alert(result); } 2cacc6d41bbb37262a98f745aa00fbf0 ...//此处省略部分代码 1d10ac1db03845f51bad4fbeb7db3775 1b15f251253d229eac1442f9007b2b5a 9c3bca370b5104690d9ef395f2c5f8d1CS 파일:
//页面类继承ICallbackEventHandler接口,并实现其中的两个方法 public partial class _Default : System.Web.UI.Page , ICallbackEventHandler { private string m_strResult = ""; #region ICallbackEventHandler Members public string GetCallbackResult() { // 返回服务器端处理结果给receiveServerResult方法 return m_strResult; } public void RaiseCallbackEvent(string eventArgument) { // eventArgument是客户端传来的变量,对应arg变量 // 在这里添加服务器端处理逻辑... m_strResult = eventArgument; } #endregion }5. javaScript 함수에서 실행되는 C# 코드의 함수:
방법 1:
첫 번째 버튼을 만들고 호출 또는 처리 내용을 백그라운드의 버튼_클릭에 씁니다.
②, 내용이 있는 포그라운드에 js 함수를 작성합니다.
document.getElementById("btn1").click();3. 포그라운드 또는 백그라운드에서 js 함수를 호출하여 클릭 이벤트를 트리거합니다. 이는 백그라운드 C# 함수에 액세스하는 것과 동일합니다. 방법 2:
함수는 공개백엔드 코드(공개를 보호로 변경도 가능)
public string ss() { return("a"); }
<script language=javascript> var a = "<%=ss()%>"; alert(a); </script>를 호출합니다.
<script language="javascript"> <!-- function __doPostBack(eventTarget, eventArgument) { var theForm = document.Form1; //指runat=server的form theForm.__EVENTTARGET.value = eventTarget; theFrom.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } --> </script> <input id="Button1" type="button" name="Button1" value="按钮" onclick="javascript:doPostBack('Button1','')">
<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 onkeypress="SubmitKeyClick()" id="aaa" type="text"> <input type="hidden" name="FunName"> <!--用来存储你要调用的函数 -->
:
public Page_OnLoad() { if (!Page.IsPost()) { string strFunName=Request.Form["FunName"]!=null?Request.Form["FunName"]:""; //根据传回来的值决定调用哪个函数 switch(strFunName) { case "enter()": enter() ; //调用该函数 break; case "其他": //调用其他函数 break; default: //调用默认函数 break; } } } public void enter() { //……比如计算某值 }
6. JavaScript에서 C# 변수에 액세스
방법 1: 페이지의 숨겨진 필드
<input id="xx" type="hidden" runat="server">
에 액세스하기 위한 방법 2: PUBLIC STRING N이 백그라운드에 정의된 경우 프런트엔드 js에서 이 변수를 참조하는 형식은 'b39c88d79ad6a406fe5aa3d951296d94' 또는 "+ed6d00bd7543ae3a0702774e79a7199d+ "
방법 3: 아니면 서버측 변수에 값을 할당한 후 페이지에 스크립트를 등록할 수도 있습니다"9debb969c80f7486c3d34c52dbcc7458var temp=" + tmp + "2cacc6d41bbb37262a98f745aa00fbf0"
tmp는 배경 변수이고, 그러면 js에서 temp에 직접 액세스하여 값을 얻을 수 있습니다.
7. C#에서 JavaScript 함수에 액세스
C# 코드에서 javaScript 함수 실행:
방법 1:Page.RegisterStartupScript("ggg","<script>SetVisible(1); </script>");
private void Button2_Click(object sender, System.EventArgs e) { string str; str="<script language='javascript'>"; str+="selectRange()"; str+="</script>"; //Literal1.Visible=true; Literal1.Text=str; }
이 글이 모든 분들의 C# 프로그래밍에 도움이 되기를 바랍니다.
.net과 자바스크립트 스크립트 간의 상호작용 방법을 요약한 관련 기사를 더 보려면 PHP 중국어 웹사이트를 주목하세요!