如何将文本框值传递给jQuery .ajax方法?

时间:2010-02-24 16:32:44

标签: asp.net-mvc jquery

这是我的jquery方法:

$.ajax({
    type: "GET",
    url: "Home/GetSocialMentionBlogs/"
    dataType: "json",
    success: function (data) {
        var obj = JSON.parse(data);
        $.each(obj.items, function (i, item) {
            $("<strong><p>" + item.title + "</strong></p>").appendTo("#blogs");
            if (i == 5) return false;
        });
    }
});

我想要做的是当用户点击按钮,调用他的方法,并传入文本框的值,以便URL现在是:

url: Home/GetSocialMentionBlogs/value from text box

当然我需要对其进行URL编码,但截至目前,我不知道如何将值传递给此.ajax函数。

我是jQuery和MVC的新手,所以请原谅我迄今为止的主题。

2 个答案:

答案 0 :(得分:4)

如果输入字段具有“id”值,那么你只需要

url: "Home/GetSocialMentionBlogs/" + $('#inputFieldId').val(),

如果您只有名字,那么您可以这样做:

url: "Home/GetSocialMentionBlogs/" + $('input[name=inputFieldName]').val(),

这就是你需要做的或者我错过了一些细节吗?

哦,对URL编码只使用Javascript encodeURIComponent()函数。

答案 1 :(得分:2)

$.ajax({
    type: "GET",
    url: "Home/GetSocialMentionBlogs/" + $('#textBoxID').val(),
    dataType: "json",
    success: function (data) {
        var obj = JSON.parse(data);
        $.each(obj.items, function (i, item) {
            $("<strong><p>" + item.title + "</strong></p>").appendTo("#blogs");
            if (i == 5) return false;
        });
    }
});