Asp.net mvc 2 如何Ajaxify超链接(JQuery和Ajax)
我必须在单击超链接时将内容动态填充到DIV中,超链接应传递一个值(代码)以从服务器检索内容Asp.net mvc 2 如何Ajaxify超链接(JQuery和Ajax),asp.net-mvc-2,jquery,Asp.net Mvc 2,Jquery,我必须在单击超链接时将内容动态填充到DIV中,超链接应传递一个值(代码)以从服务器检索内容 如何使用JQuery、Ajax和Hyperlink实现这一点?我知道如何使用JQuery和Ajax从服务器检索内容,但我正在为如何Ajaxify一个超链接和传递一个值而努力?好吧,您可以先给这个链接一个唯一的id,以便您可以从客户端脚本引用它: <%= Html.ActionLink( "link text", "action", "controller", n
如何使用JQuery、Ajax和Hyperlink实现这一点?我知道如何使用JQuery和Ajax从服务器检索内容,但我正在为如何Ajaxify一个超链接和传递一个值而努力?好吧,您可以先给这个链接一个唯一的id,以便您可以从客户端脚本引用它:
<%= Html.ActionLink(
"link text",
"action",
"controller",
null,
new { id = "myLink" }
) %>
当然,如果此操作的结果是要在DOM中的某个占位符上注入的部分视图HTML,则可以使用以下方法:
YAnd如果希望通过AJAX请求传递一些附加值:
$.ajax({
url: this.href,
data: { someParam: 'some value', someOtherParam: 'some other value' },
success: function(result) {
// TODO: handle the results here
}
});
谢谢你,达林。我将在一个循环中创建多个链接,每次单击都会根据单击链接时传递的一些参数在相应的DIV中加载一些服务器端数据(来自.ascx文件的部分HTML)。我不知道链接的唯一id在这种情况下是否有效。我可以使用class属性安装AJAXify链接吗?如何访问与每个链接关联的参数?@Alex,是的,在这种情况下,类选择器更合适。是否有方法使用
Html.ActionLink
将字符串值(如产品代码)作为参数传递?它只接受int作为id,但我需要将字符串作为参数传递。@Alex,是的,这是可能的:在我传递null的地方,您可以添加任何您喜欢的参数:new{id=“foo”,param1=“value1”,param2=“value2”}
。
$(function() {
$('#myLink').click(function() {
$('#result').load(this.href);
return false;
});
});
$.ajax({
url: this.href,
data: { someParam: 'some value', someOtherParam: 'some other value' },
success: function(result) {
// TODO: handle the results here
}
});