代码之家 › 专栏 › 技术社区 › Jack Marchetti

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

jquery asp.net-mvc

Jack Marchetti · 技术社区 · 15 年前

以下是我的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 回复 | 直到 15 年前

Josh Stodola 15 年前

好吧,如果输入字段有一个“id”值,你只需做

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

如果你只知道名字,那么你可以:

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

你只需要这么做,还是我遗漏了一些细节?

对于URL编码,只需使用javascript encodeURIComponent() 功能。

ctrlShiftBryan 15 年前

$.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;
        });
    }
});

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

2 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前