您的位置:

js中调用后台代码,前端调用后端代码

js中调用后台代码,前端调用后端代码

更新:

本文目录一览:

关于JS 代码 如何在后台调用

首先要保证js脚本是否加载完成。通过

Response.Write("script type="text/javascript" src="ymPrompt/ymPrompt.js"/script");

加载js。

调用则写在后面

Response.Write("script type="text/javascript" ymPrompt.alert()/script");

以上都是通过response的写入页面的方法做的。

最好还是通过跳转页面,用页面的加载js脚本比较好控制

javascript onclick中怎么调用后台方法

方法一:1、首先建立一个按钮,在后台将调用或处理的内容写入button_click中;

2、在前台写一个js函数,内容为document.getElementById(btn1).click();

3、在前台或后台调用js函数,激发click事件,等于访问后台c#函数;

方法二:1、函数声明为public

后台代码(把public改成protected也可以)

public string ss(){return(a);}2、在html里用<%=fucntion()%>可以调用前台脚本<script language=javascript>

var a = <%=ss()%>;alert(a);</script>

方法三:1、<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> 〈!--用来存储你要调用的函数 --〉

在.CS里有:

public Page_OnLoad(){if (!Page.IsPost()){string strFunName=Request.Form[FunName]!=null?Request.Form[FunName]:;

//根据传回来的值决定调用哪个函数

如何利用JS实现对后台CS代码的调用

正常情况是不能这样使用的,但是可能通过工具(RPC)或者接口(API)等间接来实现。

RPC(Remote Procedure Call Protocol)——远程过程调用协议,它是一种通过网络从远程计算机程序上请求服务,而不需要了解底层网络技术的协议。

API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。

从上面的描述可知,两种方法都是可以达到目的,但是使用 RPC 更简单,更容易理解,可以去找符合你使用的 RPC 相关程序。

asp.net js 脚本中用动态调用后台代码

想法很好,但是这是不可行的。

%%的代码是在服务器端执行的,而js脚本是在客户端的浏览器中执行的。也就是说%%会先于js执行。如果要在js中调用后台代码,建议你使用Ajax。

如何用js调用后台方法

方法一:

1、首先建立一个按钮,在后台将调用或处理的内容写入Button1_Click中;

protected void Button1_Click(object sender, EventArgs e) 

    this.TextBox1.Text = "voodooer"; 

}

2、在前台可以这样调用:

input type="button" value="访问C#的方法" onclick='document.getElementById("Button1").click();' /

方法二:1、函数声明为public 或者protected

public string ss() 

    return("voodooer"); 

}

2、 前台js调用方法

var a = " %=ss()%"; 

alert(a);

方法三:

1、 前台代码

script

function __doPostBack(eventTarget, eventArgument) {     

    var theForm = document.Form1; //指runat=server的form     

    theForm.__EVENTTARGET.value = eventTarget;     

    theFrom.__EVENTARGUMENT.value = eventArgument;     

    theForm.submit(); 

/scriptinput type="button" value="按钮" 

方法四: 

1、前台代码

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 type="text" 

input type="hidden"  〈!--用来存储要调用的函数 --〉

javascript怎么调用后台方法

方法一:直接使用%=%调用

前台JS:

[javascript] view plain copy

script type="text/javascript"

var methodStr = "%=BehindMethod() %";

alert(methodStr);

/script

后头方法:

[csharp] view plain copy

public static string BehindMethod()

{

return "这是一个后台的方法";

}

方法二:用ajax调用

前台js:

[javascript] view plain copy

script type="text/javascript" src="js/jquery-1.4.3.min.js"/script

script type="text/javascript"

var params = '{ext:"p9hp"}'; //参数,注意参数名要注意和后台方法参数名要一致

$(function(){

$("#btnOk").click(function(){

$.ajax({

type:"POST", //请求方式

url:"AjaxDemo.aspx/GetImg", //请求路径:页面/方法名字

data: params, //参数

dataType:"text",

contentType:"application/json; charset=utf-8",

beforeSend:function(XMLHttpRequest){

$("#tips").text("开始调用后头方法获取图片路径,请等待");

$("#imgFood").attr("src","image/loading.gif");

},

success:function(msg){ //成功

$("#imgFood").attr("src",eval("("+msg+")").d);

$("#tips").text("调用方法结束");

},

error:function(obj, msg, e){ //异常

alert("OH,NO");

}

});

});

});

/script

页面html:

[html] view plain copy

body

form id="form1" runat="server"

div

label id="tips"/label

img id="imgFood" /

input value="点击我,给你看一张图片" type="button" width="35px" id="btnOk" /

/div

/form

/body

后台方法:

[csharp] view plain copy

[System.Web.Services.WebMethod]

public static string GetImg(string ext)

{

System.Threading.Thread.Sleep(5000);//为了有点等待的效果,延迟5秒

StringComparer sc = StringComparer.OrdinalIgnoreCase;

string[] extArr = new string[] { "php", "asp", "aspx", "txt", "bmp" };

bool f = extArr.Any(s=sc.Equals(s,ext)); //判断传入的后缀名是否存在

if (f)

{

return "image/54222860.jpg";

}

return "image/star1.jpg";

}

方法三:AjaxPro (也是ajax)

第一步:下载AjaxPro.dll(或者AjaxPro.2.dll),并且添加引用到项目

第二步:修改配置文件web.config

[csharp] view plain copy

system.web

httpHandlers

!--注册ajaxPro.2--

add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/

/httpHandlers

/system.web

第三步:对AjaxPro在页Page_Load事件中进行运行时注册。如:

[csharp] view plain copy

protected void Page_Load(object sender, EventArgs e)

{

AjaxPro.Utility.RegisterTypeForAjax(typeof(AjaxDemo)); //注册

}

第四步:创建服务器方法,并且用[AjaxPro.AjaxMethod]标注

[csharp] view plain copy

[AjaxPro.AjaxMethod]

public string GetImgByAjaxPro()

{

return "image/54222860.jpg";

}

第五步:前台JS的调用:

[javascript] view plain copy

function GetMethodByAjaxPro() {

var a = JustTest.AjaxDemo.GetImgByAjaxPro();//JustTest是当前的名字空间,AjaxDemo表示后台类

document.getElementById("imgAjaxPro").src = a.value;

}

js中调用后台代码,前端调用后端代码

本文目录一览: 1、关于JS 代码 如何在后台调用 2、javascript onclick中怎么调用后台方法 3、如何利用JS实现对后台CS代码的调用 4、asp.net js 脚本中用动态调用后台

2023-12-08
java后台调用前台js(JAVA前台)

本文目录一览: 1、java后台怎么调用前台js方法 2、求助.怎么在后台调用前台的JS方法 3、java想调用前台js文件里的方法 java后台怎么调用前台js方法 可使用前台js申请后台java代

2023-12-08
js前端代码复用(前端组件复用)

本文目录一览: 1、如何复用node.js包或代码 2、新手请教,如何将一段JS代码封装成一个方法 3、jsp和前端js框架结合用哪个好 4、一个JS函数 在同一个页面 怎么重复利用啊 5、angul

2023-12-08
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
js调用android原生代码,js调用Android

本文目录一览: 1、Android AgentWeb Android和Js交互 2、JS怎样调用Android本地原生方法 3、原生APP中js怎样与Android和ios进行交互 4、JS 调用an

2023-12-08
前端代码开发调试工具怎么用,前端 调试

2022-11-29
js调用摄像头代码是什么,前端js调用摄像头拍照

2022-11-23
js调用ruby后台方法,ruby前端

本文目录一览: 1、如何在 js 文件里加入 rails 变量 · Ruby China 2、ruby main.rb怎么调用 3、如何用ruby调用另一个ruby脚本? 4、AngularJS 怎么

2023-12-08
前端网页js代码(前端页面代码)

本文目录一览: 1、前端开发,如何写出优秀js代码 2、做为一名前端开发人员,有哪些值得一读的JS代码 3、项目前端js基础代码包括哪些方面的东西?一般都怎样写? 前端开发,如何写出优秀js代码 每位

2023-12-08
js调用python变量,js调用python代码

本文目录一览: 1、如何在js上运行Python脚本?或者,js怎么调用.py文件? 2、js调用代码 js能调用python里的函数吗 3、nodejs怎么调用python命令行 4、js 和 py

2023-12-08
登录前端代码js(前端登录页面代码)

本文目录一览: 1、项目前端js基础代码包括哪些方面的东西?一般都怎样写? 2、前端JS 怎么实现用户登陆之后点各个页面都不用再登陆? 3、求前端验证js代码 4、Web前端工程师要掌握的JavaSc

2023-12-08
java调用js代码,java调用js代码 实例

本文目录一览: 1、如何在java中调用js方法 2、如何通过java代码调用js 3、java中怎么调用js代码 4、如何在java调用js 5、请问怎么写java调用node环境运行js代码? 如

2023-12-08
后台代码java怎么实现,java后端代码例子

2022-11-19
web前端js代码加在哪(js代码在哪写)

本文目录一览: 1、web控制按钮的代码在哪 2、项目前端js基础代码包括哪些方面的东西?一般都怎样写? 3、学习Web前端要知道的JavaScript基础语法规则 4、【Web前端基础】JavaSc

2023-12-08
后台写入js代码,引入js代码

本文目录一览: 1、asp.net如何在后台文件中编写js 2、怎么在后台加js代码 3、在后台添加文章时,能不能添加进去JS代码?? 4、如何后台动态添加js脚本 5、asp.net如何在后台代码中

2023-12-08
前端学习笔记

2023-05-12
node.js后台源码,nodejs后端开发

本文目录一览: 1、nodejs模块源码能直接使用吗 2、什么是前端源码,什么是后台源码 3、如何在命令提示符里编译Node.js源代码的问题 nodejs模块源码能直接使用吗 可以。NodeJS 定

2023-12-08
js调试前端,前端 调试

本文目录一览: 1、js前端调试的几个小技巧 2、怎么使用node.js调试前端代码 3、js之断点调试步骤 4、前端怎么使用google浏览器调试js代码 js前端调试的几个小技巧 1. debug

2023-12-08
vb调用js代码,vb 调用

本文目录一览: 1、怎么样在VB中直接调用JavaScript 2、VB 如何调用 js 的方法 3、vb来操作HTML中的javascript代码 4、vb中如何调用javascript对象 5、利

2023-12-08
java前后端分离,java前后端分离用什么技术

2023-01-07