[英]Using jQuery AJAX to call ASP.NET function in control code-behind instead of page code-behind
我有一个用户控件,我正在创建在jQuery中使用一些AJAX。
我需要在我的控件的代码隐藏中调用一个函数,但我在网上找到的每个例子都是这样的:
$("input").click(function() {
$.ajax({
type: "POST",
url: "Default.aspx/GetResult",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(result) {
//do something
}
});
});
如果我在Default.aspx页面中有方法,这可以正常工作。 但是我不想在那里使用该函数,我需要在我的控件的代码隐藏中使用该函数。 如何修改url属性以调用正确的函数?
我试过了:
url: "GetResult"
但那没用。
处理此问题的方法是在页面中使用webmethod,然后将值直接传递给控件中具有相同签名的控件方法 - 没有其他方法可以执行此操作。
换句话说,所有页面方法都会调用usercontrol方法,因此它非常小。 如果您有多个子控件的相同签名,则可以传递一个参数来告诉页面方法调用/使用哪个。
编辑:每个请求(非常非常简单的例子)。 您可以找到将更复杂类型传递给服务器端方法的其他示例。 例如,请参阅我的答案: C#UserControl上的Jquery .ajax异步回发
示例:页面方法:记下“静态”部分。
[WebMethod]
public static string GetServerTimeString()
{
return MyNamespace.UserControls.Menu.ucHelloWorld();
}
用户控制方法:
public static string ucHelloWorld()
{
return "howdy from myUserControl.cs at: " + DateTime.Now.ToString();
}
客户端ajax通过jquery:
$(document).ready(function()
{
/***************************************/
function testLoadTime(jdata)
{
$("#timeResult").text(jdata);
};
$("#testTimeServerButton").click(function()
{
//alert("beep");
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
data: "{}",
dataFilter: function(data)
{
var msg;
if (typeof (JSON) !== 'undefined' &&
typeof (JSON.parse) === 'function')
msg = JSON.parse(data);
else
msg = eval('(' + data + ')');
if (msg.hasOwnProperty('d'))
return msg.d;
else
return msg;
},
url: "MyPage.aspx/GetServerTimeString",
success: function(msg)
{
testLoadTime(msg);
}
});
});
});
注意:dataFilter:function(data)... ajax的一部分是这样的,它可以在不改变客户端代码的情况下使用2.0和3.5 asp.net ajax。
你不能...... WebMethods必须在WebServices或Pages中,它们不能在UserControls中。
想想看问题更清楚一点的另一种方式...... UserControl的URL是什么? 由于无法访问它们,因此无法直接获取该方法。 您可以尝试另一种方式,也许在您的页面中使用代理方法?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.