javascript - 如何使用ajax加载文本框

标签 javascript jquery ajax

下面是我的 Jquery 和 ajax 代码,用于加载从服务器发送的文本框数据 类(class)。我得到响应,以便成功函数内的警报执行从服务器浏览器控制台发送的数据,为什么它没有加载到文本框 The error am getting

$(document).ready(function () {
                $('#userCheck').change(function (event) {
                    if(!$(this).is(":checked"))
                        return;
                    var userNumber = $('#userNumber').val();           
                    if(userNumber != ""){
                        $.ajax({
                            type : 'GET',
                            url : 'populateTextBox',
                            dataType : 'json',
                            data : {
                                userNumber : $('#userNumber').val()
                                },
                            success : function(data, success) {
                                alert("babu code")
                                console.log(data)
                                /* var json = data; */
                                $('#Name').value(data.name);                        
                            },
                            error : function(data, success) {
                                console.log(data)
                                document.getElementById("er").innerHTML = "Problem to upload a name";
                                er.style.color='red';
                                $('#er').show();                        
                            }
                        });
                    }else {
                        //FIXME: Handle this properly
                        alert("Enter User Number")
                    }
                });
            });

<s:form action="populateTextBox">
        <s:textfield name="userNumber" id="userNumber"></s:textfield>       
        <s:checkbox id="userCheck" name="userCheck"></s:checkbox>
        <s:textfield name="userName" id="Name"></s:textfield>
        <td><p id="er"></td>
        <s:submit/>
    </s:form>

最佳答案

尝试:

$('#Name').val(data);

如果 console.log(data) 在您的控制台中返回 pradeep,那么这就是您所需要的。

而且,正如 Grégoire Fruleux 在评论中指出的那样,使用 .val() 而不是 .value()

关于javascript - 如何使用ajax加载文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38872511/

相关文章:

javascript - 使用ajax处理两个 echo 响应

javascript - 使用 JavaScript 隐藏和显示测验问题

javascript - 找到左浮动列表的宽度并应用到包装器 div 以使用 css - jQuery 将其居中?

javascript - 将鼠标悬停在列出的元素文本上时会出现图像

javascript - JQuery Ajax 在 url 中添加哈希

php - Mysql 无限页面滚动功能不起作用

javascript - React JS : Browser console displays, "Uncaught TypeError: type.apply is not a function"页面显示为空白

javascript - 粘性导航和 jQuery

javascript - jquery 与 ajax 控制工具包 2013 年 9 月/10 月版本冲突

php - search_model::autocomplete() 缺少参数 1,