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

这是我的jquery方法：

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

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

 url: Home/GetSocialMentionBlogs/value from text box 

当然我需要URL编码，但截至目前，我不知道如何将值传递给这个.ajax函数。

我是jQuery和MVC的新手，所以原谅我到目前为止他的主题。

Answer 1

如果输入字段具有“id”值，那么您就是这样做的

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

如果您只有名字，那么您可以这样做：

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

这就是你需要做的，还是我错过了一些细节？

哦，URL编码只需使用Javascript encodeURIComponent()函数。

Answer 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) { $("
" + item.title + "").appendTo("#blogs"); if (i == 5) return false; }); } });