Semantic 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

你可以这样试试

 $( "#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)
        }
    });
 });

Answer 2

对于无法弄清楚为什么请求没有立即运行的人（输入 'abc' 然后请求只是 'ab'），这里是解决方案！

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

on:'now'

明确让 semanticjs api 执行请求 'now'，因为 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)
    }
});
});

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

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

Semantic UI - How to get data of active Input Element?

javascript

jquery

json

html

semantic-ui