Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Asp.net mvc 2 如何Ajaxify超链接(JQuery和Ajax)_Asp.net Mvc 2_Jquery - Fatal编程技术网

Asp.net mvc 2 如何Ajaxify超链接(JQuery和Ajax)

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

我必须在单击超链接时将内容动态填充到DIV中,超链接应传递一个值(代码)以从服务器检索内容


如何使用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
    }
});