Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用ajax加载文本框_Javascript_Jquery_Ajax - Fatal编程技术网

Javascript 如何使用ajax加载文本框

Javascript 如何使用ajax加载文本框,javascript,jquery,ajax,Javascript,Jquery,Ajax,下面是我的Jquery和ajax代码,用于加载从服务器发送的文本框数据 班级。我收到响应,以便成功函数内的警报执行从服务器浏览器控制台发送的数据,为什么它没有加载到文本框 $(文档).ready(函数(){ $('#userCheck').change(函数(事件){ 如果(!$(this).is(“:checked”)) 返回; var userNumber=$('#userNumber').val(); 如果(userNumber!=“”){ $.ajax({ 键入:“GET”, url:

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

$(文档).ready(函数(){
$('#userCheck').change(函数(事件){
如果(!$(this).is(“:checked”))
返回;
var userNumber=$('#userNumber').val();
如果(userNumber!=“”){
$.ajax({
键入:“GET”,
url:“populateTextBox”,
数据类型:“json”,
数据:{
userNumber:$('#userNumber').val()
},
成功:功能(数据,成功){
警报(“babu代码”)
console.log(数据)
/*var json=数据*/
$('#Name').value(data.Name);
},
错误:函数(数据,成功){
console.log(数据)
document.getElementById(“er”).innerHTML=“上传名称的问题”;
呃,风格,颜色"红",;
$('#er').show();
}
});
}否则{
//修理工:妥善处理
警报(“输入用户号码”)
}
});
});

试试:

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

而且,正如格雷戈伊尔·弗鲁利克斯在评论中指出的那样,使用
.val()
而不是
.value()
试试:

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


而且,正如格雷戈伊尔·弗鲁利克斯在评论中指出的那样,使用
.val()
而不是
.value()

$('#Name').value(data.Name)
错误,请将其更正为
$('#Name').val(data.Name)在第18行(如果粘贴此代码),可能重复
$('#Name').value(data.Name)
错误,请将其更正为
$('#Name').val(data.Name)在第18行(如果粘贴此代码),不推荐使用可能重复的inputEncoding。opt_content.js:1:804232 return语句后不可访问的代码不推荐使用inputEncoding。opt_content.js:1:804232 return语句后的不可访问代码
$(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);