如何对超链接进行Ajax处理(JQuery和Ajax)
如何对超链接进行Ajax处理(JQuery和Ajax)
提问于 2011-04-14 05:32:44
我必须动态填充内容到一个DIV上，点击一个超链接，它应该传递一个值(代码)来从服务器检索内容。
如何使用JQuery、Ajax和Hyperlink实现此目的？我知道如何使用JQuery和Ajax从服务器检索内容，但我正在努力解决如何Ajax化一个超链接并传递一个值？
回答 1
Stack Overflow用户
发布于 2011-04-14 05:35:04
好的，你可以首先给这个链接一个唯一的id，这样你就可以从客户端脚本中引用它：
<%= Html.ActionLink(
"link text",
"action",
"controller",
null,
new { id = "myLink" }
) %>然后你可以悄悄地将它AJAXify到一个单独的文件javascript文件中：
$(function() {
$('#myLink').click(function() {
$.ajax({
url: this.href,
success: function(result) {
// TODO: handle the results here
}
});
return false;
});
});当然，如果此操作的结果是您想要注入到DOM中的某个占位符上的局部视图HTML，则可以使用.load()方法：
$(function() {
$('#myLink').click(function() {
$('#result').load(this.href);
return false;
});
});YAnd如果您想通过AJAX请求传递一些附加值，请执行以下操作：
$.ajax({
url: this.href,
data: { someParam: 'some value', someOtherParam: 'some other value' },
success: function(result) {
// TODO: handle the results here
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5655940
复制相关文章
相似问题
腾讯云开发者
