Question

我正在尝试在ajax中插入div标签，但我无法弄清楚如何。到目前为止，这是我的代码：

function userLogin(){
var email = $("#login_username_text").val();
var password = $("#login_password_text").val(); 
var login_url = connect_url+'retrieveUser.php?email='+email+"&password="+password;

$.ajax({
       type: 'GET',
        url: login_url,
        async: true,
        jsonpCallback: 'userCallback',
        contentType: "application/json",
        dataType: 'jsonp',
        success: function(json) { 
            is_logged = (json[0].logged==0)?false:true;
            alert(is_logged);
            alert(email);
            alert(password);

            if(is_logged==false){
                alert ("Invalid Username and Password");   //I want to change 
//this into a div tag so that it will be displayed on the page itself and so that
//I can add CSS codes here
            }
        },
        error: function(e) {

        }
}); 
}

我尝试了document.getElementById('login_invalid').innerText = 'Invalid Username and Password.';但没有工作......任何想法？

谢谢！

Answer 1

尝试

$("<div/>", {
    "class": "test",
    text: "Invalid Username and Password",
    }).appendTo("body");

Answer 2

innerText不是普遍支持的属性。虽然更标准化的textContent对于阅读内容很有用，但最好使用innerHTML来替换div的内容。

假设你的div存在，你应该使用

document.getElementById('login_invalid').innerHTML = 'Invalid Username and Password.';

或者，显然你使用jQuery

$('#login_invalid').html('Invalid Username and Password.');

Answer 3

你可以附加div标签并为其添加类，它会起作用。如果要向此元素添加Id，可以使用.attr（'attribute_name'，'attribute_value'），如下所示：

if(is_logged==false){
      $('body').append('<div>Invalid Username and Password</div>').addClass("error").attr('id', 'login_invalid');
 }

如何在Ajax中添加DIV标记

3 个答案: