jqはval()を使用して入力値を無効にします

idを使用して入力タグを取得します。入力の値を取得できない場合は、タグのname属性を使用してください。

次の入力のうち4つは、コピーするには怠惰すぎます。1つだけ投稿してください。

<input id="popup_email_add" name="email" placeholder="输入邮箱">

これは、id、次にval()を使用して取得され、最初の値のみを取得でき、残りの3つは未定義です。

function user_add(){
    
    
    let Arr=[],
        userName=$('#popup_user_add').val(),
        userEmail=$('popup_email_add').val(),
        password=$('popup_pas_add').val(),
        phone=$('popup_phone_add').val();
        let data1={
    
    "userName": userName,"password": password,"email": userEmail,"phone": phone
        };
        
        Arr.push(data1);
        $.ajax({
    
    
            url:/*[[${#request.getContextPath()} + '/api/admin/account/add']]*/'http://localhost:8080/future-novel/api/admin/account/add',
            type: 'post',
            datatype:'json',
            data: JSON.stringify(Arr),
            contentType: 'application/json; charset=utf-8',
            success: function(data){
    
    
                console.log('添加成功');
                console.log(data)
            },
            error: function(jqXHR){
    
    
                console.log('添加失败');
                console.log(jqXHR.responseJSON.errorMessage);
            }
        })
}

これはname属性で取得され、value()を取得できます。特定の理由は、見つけた後に下部に表示されます。

function user_add(){
    
    
    let Arr=[],
        userName=$('#popup_user_add').val(),
        userEmail=$('input[name="email"]').val(),
        password=$('input[name="pas"]').val(),
        phone=$('input[name="phone"]').val();
        let data1={
    
    "userName": userName,"password": password,"email": userEmail,"phone": phone
        };
        Arr.push(data1);
        $.ajax({
    
    
            url:/*[[${#request.getContextPath()} + '/api/admin/account/add']]*/'http://localhost:8080/future-novel/api/admin/account/add',
            type: 'post',
            datatype:'json',
            data: JSON.stringify(Arr),
            contentType: 'application/json; charset=utf-8',
            success: function(data){
    
    
                console.log('添加成功');
                console.log(data)
            },
            error: function(jqXHR){
    
    
                console.log('添加失败');
                console.log(jqXHR.responseJSON.errorMessage);
            }
        })
}

おすすめ

転載: blog.csdn.net/w_____w_____/article/details/107676430