语义 UI - 如何获取活动输入元素的数据？

Question

如何将输入字段的值获取到 urlData 对象？

<input id="username">

而JS是：

$('#username').api({
   action: 'check username',
    urlData: {username: $(this).val()},
    onSuccess: function(response){
        console.log(response)
    },
    onError: function(error){
        console.log(error)
    }
});`

使用普通的JQuery，我可以使用$(this).val(); 获得它。但在这种情况下，它是空的。它如何与语义 UI 配合使用？

Answer 1

对于那些不知道为什么请求没有立即运行的人（输入“abc”然后请求只是“ab”），这里是解决方案！

---

（我将使用上面的示例） 你可以添加

on:'现在'

明确地让语义化 api 执行“现在”请求，因为 keyup（或任何事件）处理其余部分。

$( "#username" ).keyup(function() {
var value=$(this).val();
$('#username').api({
   action: 'check username',
   on:'now',
    urlData: {username: value},
    onSuccess: function(response){
        console.log(response)
    },
    onError: function(error){
        console.log(error)
    }
});
});

我决定回答这个很老的问题，可能有人需要它！

Answer 2

你可以这样试试

 $( "#username" ).keyup(function() {
    var value=$(this).val();
    $('#username').api({
       action: 'check username',
        urlData: {username: value},
        onSuccess: function(response){
            console.log(response)
        },
        onError: function(error){
            console.log(error)
        }
    });
 });