blocks|key|1785502|text|Microsoft+AJAX+library将实现这一点。您还可以创建自己的解决方案，包括使用AJAX调用您自己的aspx+(基本上)脚本文件来运行.NET函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1785503|我推荐使用Microsoft+AJAX库。安装并引用后，只需在页面加载或初始化中添加一行即可：|1785504|Ajax.Utility.RegisterTypeForAjax(GetType(YOURPAGECLASSNAME))|code-block|syntax|javascript|1785505|然后，您可以执行以下操作：|1785506|<Ajax.AjaxMethod()>+_
Public+Function+Get5()+AS+Integer
++++Return+5
End+Function|1785507|然后，您可以在您的页面上这样调用它：|1785508|PageClassName.Get5(javascriptCallbackFunction);|1785509|函数调用的最后一个参数必须是将在返回AJAX请求时执行的javascript回调函数。|1785510|entityMap|0|LINK|mutability|MUTABLE|url|http://www.asp.net/ajax/^0|0|M|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|D|3|E|5|6|7|16|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|17|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|18|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|19|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|1A|8|@]|9|@]|C|$]]|$1|Q|3|R|5|H|7|1B|8|@]|9|@]|C|$I|J]]|$1|S|3|T|5|6|7|1C|8|@]|9|@]|C|$]]|$1|U|3|-4|5|6|7|1D|8|@]|9|@]|C|$]]]|V|$W|$5|X|Y|Z|C|$10|11]]]]

The <a href="http://www.asp.net/ajax/" rel="noreferrer">Microsoft AJAX library</a> will accomplish this. You could also create your own solution that involves using AJAX to call your own aspx (as basically) script files to run .NET functions.

I suggest the Microsoft AJAX library. Once installed and referenced, you just add a line in your page load or init:

<pre><code>Ajax.Utility.RegisterTypeForAjax(GetType(YOURPAGECLASSNAME))
</code></pre>

Then you can do things like:

<pre><code>&lt;Ajax.AjaxMethod()&gt; _
Public Function Get5() AS Integer
 Return 5
End Function
</code></pre>

Then, you can call it on your page as:

<pre><code>PageClassName.Get5(javascriptCallbackFunction);
</code></pre>

The last parameter of your function call must be the javascript callback function that will be executed when the AJAX request is returned.

blocks|key|1785437|text|您可以使用.NET+Ajax+PageMethods异步完成此操作。参见here或here。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1785438|entityMap|0|LINK|mutability|MUTABLE|url|http://web.archive.org/web/20170818234231/http://www.singingeels.com:80/Articles/Using_Page_Methods_in_ASPNET_AJAX.aspx|1|http://weblogs.asp.net/sohailsayed/archive/2008/02/23/calling-methods-in-a-codebehind-function-pagemethods-from-client-side-using-ajax-net.aspx^0|10|4|0|15|4|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

You can do it asynchronously using .NET Ajax PageMethods. See <a href="http://web.archive.org/web/20170818234231/http://www.singingeels.com:80/Articles/Using_Page_Methods_in_ASPNET_AJAX.aspx" rel="nofollow noreferrer">here</a> or <a href="http://weblogs.asp.net/sohailsayed/archive/2008/02/23/calling-methods-in-a-codebehind-function-pagemethods-from-client-side-using-ajax-net.aspx" rel="nofollow noreferrer">here</a>.

blocks|key|1785602|text|您可能希望为您的通用方法创建一个web服务。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1785603|只需在要调用的函数上添加一个WebMethodAttribute，就可以了。|1785604|拥有一个包含所有常见内容的web服务也会使系统更易于维护。|1785605|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

You might want to create a web service for your common methods. 
Just add a WebMethodAttribute over the functions you want to call, and that's about it. 
Having a web service with all your common stuff also makes the system easier to maintain.

blocks|key|1570722|text|如果页面上没有生成__doPostBack函数，则需要插入一个控件来强制执行，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1570723|<asp:Button+ID="btnJavascript"+runat="server"+UseSubmitBehavior="false"+/>|code-block|syntax|javascript|1570724|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If the __doPostBack function is not generated on the page you need to insert a control to force it like this:

<pre><code>&lt;asp:Button ID="btnJavascript" runat="server" UseSubmitBehavior="false" /&gt;
</code></pre>

blocks|key|1571014|text|关于：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1571015|var+button+=+document.getElementById(/*+Button+client+id+*/);

button.click();|code-block|syntax|javascript|1571016|它应该是这样的：|1571017|var+button+=+document.getElementById('<%25=formID.ClientID%25>');|1571018|其中，formID是.aspx文件中的ASP.NET控件ID。|1571019|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Regarding:

<pre><code>var button = document.getElementById(/* Button client id */);

button.click();
</code></pre>

It should be like:

<pre><code>var button = document.getElementById('&lt;%=formID.ClientID%&gt;');
</code></pre>

Where formID is the ASP.NET control ID in the .aspx file.

blocks|key|1785721|text|如果你得到object+expected，就把这一行添加到页面加载中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1785722|ClientScript.GetPostBackEventReference(this,+"");|code-block|syntax|javascript|1785723|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Add this line to page load if you are getting object expected error.

<pre><code>ClientScript.GetPostBackEventReference(this, "");
</code></pre>

blocks|key|1785764|text|您可以使用PageMethods.Your+C#+method+Name将C#方法或VB.NET方法访问到JavaScript中。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1785765|entityMap^0|5|V|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

You can use <code>PageMethods.Your C# method Name</code> in order to access C# methods or VB.NET methods into JavaScript.

blocks|key|1785808|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1785809|if(!ClientScript.IsStartupScriptRegistered("window"))
{
++++Page.ClientScript.RegisterStartupScript(this.GetType(),+"window",+"pop();",+true);
}|code-block|syntax|javascript|1785810|或者这个|1785811|Response.Write("<script>alert('Hello+World');</script>");|1785812|使用按钮的OnClientClick属性调用JavaScript函数...|1785813|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Try this:

<pre><code>if(!ClientScript.IsStartupScriptRegistered("window"))
{
 Page.ClientScript.RegisterStartupScript(this.GetType(), "window", "pop();", true);
}
</code></pre>

Or this

<pre><code>Response.Write("&lt;script&gt;alert('Hello World');&lt;/script&gt;");
</code></pre>

Use the OnClientClick property of the button to call JavaScript functions...

blocks|key|1570927|text|您也可以通过在JavaScript代码中添加下面这行代码来获得它：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1570928|document.getElementById('<%25=btnName.ClientID%25>').click()|code-block|syntax|javascript|1570929|我认为这是非常简单的！|1570930|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can also get it by just adding this line in your JavaScript code:

<pre><code>document.getElementById('&lt;%=btnName.ClientID%&gt;').click()
</code></pre>

I think this one is very much easy!

blocks|key|1786005|text|请尝试以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1786006|<%25=+Page.ClientScript.GetPostBackEventReference(ddlVoucherType,+String.Empty)+%25>;|code-block|syntax|javascript|1786007|ddlVoucherType是一个控件，选定的索引更改将调用...并且您可以将任何函数放在此控件的选定索引更改上。|1786008|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Please try this:

<pre><code>&lt;%= Page.ClientScript.GetPostBackEventReference(ddlVoucherType, String.Empty) %&gt;;
</code></pre>

ddlVoucherType is a control which the selected index change will call... And you can put any function on the selected index change of this control.

blocks|key|1786089|text|实现这一点的最简单、最好的方法是使用onmouseup()+JavaScript事件，而不是onclick()|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1786090|这样，您将在单击之后触发JavaScript，并且它不会干扰ASP+OnClick()事件。|1786091|entityMap^0|I|B|1A|9|0|Y|9|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|R|8|@]|D|@]|E|$]]]|I|$]]

The simplest and best way to achieve this is to use the <code>onmouseup()</code> JavaScript event rather than <code>onclick()</code>

That way you will fire JavaScript after you click and it won't interfere with the ASP <code>OnClick()</code> event.

I'm writing a web page in ASP.NET. I have some JavaScript code, and I have a submit button with a click event.

Is it possible to call a method I created in ASP with JavaScript's click event?

Call ASP.NET function from JavaScript?

我正在用ASP.NET写一个网页，我有一些JavaScript代码，还有一个带有点击事件的提交按钮。可以使用JavaScript的click事件调用我在ASP中创建的方法吗？

问从JavaScript调用ASP.NET函数？
EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从JavaScript调用ASP.NET函数？EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从JavaScript调用ASP.NET函数？
EN